css changes

app/static/style.css

@@ -192,11 +192,10 @@ a:hover {
     /* Text Settings
     font-weight: bold;
     line-height: 30pt; */
-    line-height: 0;
-    font-size: 0;
 }
 
-.albums img {
+
+.real-albums img {
     height: 100px;
     width: 100px;
     padding: 0 0;
@@ -204,9 +203,18 @@ a:hover {
     border: 0 0;
 }
 
-.albums h1 {
-    font-size: normal;
-    text-align: center;
-    padding: 0.5em 0;
+.real-albums {
+    line-height: 0;
+    font-size: 0;
+    padding: 0 0;
+    margin: 0 0;
+}
+
+.albums h1 {
+    font-size: 2em;
+    text-align: center;
+    padding: 0 0;
+    margin: 15pt 0;
+    margin-top: -5pt;
 }
 

app/templates/music.html

@@ -31,6 +31,7 @@
 
             <div class="albums">
                 <h1>Top Albums</h1>
+                <div class="real-albums">
                     {% for album in top_albums %}
                         <a title="{{ album.album_name}} by {{ album.artist_name }} - {{ album.listen_time }} Hours">
                             <img src="{{ album.album_cover }}">
@@ -41,5 +42,6 @@
                     {% endfor %}
              </div>
             </div>
+        </div>
     </body>
 </html>