kind of fixed the sizing for the album covers

app/app.py

@@ -177,7 +177,7 @@ def album_square(user_id, rows : int):
 
     limit = rows ** 2
 
-    res = 100/(rows+2)
+    res = (1080/(rows))-rows
 
     # Get top albums
     r = requests.get(

app/static/albumsquare.css

@@ -1,23 +1,11 @@
 .albums {
     height: 100%;
-    height: fit-content;
-    align-self: flex-start;
 
-    border-style: var(--borders-style);
-    border-radius: var(--border-radius);
-    border-color: #1E2022;
-    background-color: var(--main-background);
-
-    /* Text Settings
-    font-weight: bold;
-    line-height: 30pt; */
     line-height: 0;
     font-size: 0;
 }
 
 .albums img {
-    height: 100px;
-    width: 100px;
     padding: 0 0;
     margin: 0 0;
     border: 0 0;

app/templates/album_square.html

@@ -9,7 +9,7 @@
         <div class="albums">
             {% for album in top_albums %}
                     <a title="{{ album.album_name}} by {{ album.artist_name }} - {{ album.listen_time }} Hours">
-                        <img src="{{ album.album_cover }}" style="width: {{ res }}%; height: {{ res }}%;">
+                        <img src="{{ album.album_cover }}" style="width: {{ res }}px; height: {{ res }}px;">
                     </a>
                     {% if loop.index % limit == 0 %}
                         <br>