From 9ebf599a07a07ca7a8f61258bcaff7f712d1205e Mon Sep 17 00:00:00 2001
From: 0x01fe <jackson.d.hodge@jbhunt.com>
Date: Thu, 4 Apr 2024 15:48:29 -0500
Subject: [PATCH] css changes

---
 app/static/style.css     | 22 +++++++++++++++-------
 app/templates/music.html | 18 ++++++++++--------
 2 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/app/static/style.css b/app/static/style.css
index ace95c1..610c56e 100644
--- a/app/static/style.css
+++ b/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;
 }
 
diff --git a/app/templates/music.html b/app/templates/music.html
index 5e35363..f2c0fcf 100644
--- a/app/templates/music.html
+++ b/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>