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;
 }
 
+.real-albums {
+    line-height: 0;
+    font-size: 0;
+    padding: 0 0;
+    margin: 0 0;
+}
+
 .albums h1 {
-    font-size: normal;
+    font-size: 2em;
     text-align: center;
-    padding: 0.5em 0;
+    padding: 0 0;
+    margin: 15pt 0;
+    margin-top: -5pt;
 }
 

app/templates/music.html

@@ -31,14 +31,16 @@
 
             <div class="albums">
                 <h1>Top Albums</h1>
-                {% for album in top_albums %}
-                    <a title="{{ album.album_name}} by {{ album.artist_name }} - {{ album.listen_time }} Hours">
-                        <img src="{{ album.album_cover }}">
-                    </a>
-                    {% if loop.index % 3 == 0 %}
-                        <br>
-                    {% endif %}
-                {% endfor %}
+                <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 }}">
+                        </a>
+                        {% if loop.index % 3 == 0 %}
+                            <br>
+                        {% endif %}
+                    {% endfor %}
+             </div>
             </div>
         </div>
     </body>