Basic artist page

subsonic-ui-svelte/src/app.css

@@ -41,6 +41,7 @@ h1 {
 
 #app {
   max-width: 1280px;
+  width: 100%;
   margin: 0 auto;
   padding: 2rem;
   text-align: center;

subsonic-ui-svelte/src/components/ArtistList.svelte

@@ -34,12 +34,17 @@
 <style>
     .artist-container {
         display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Responsive grid */
+        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* Responsive grid */
         gap: 16px;
-        padding: 16px;
+        padding: 0;
+        margin: 0 auto;
+        width: 100%;
+        box-sizing: border-box;
     }
 
     .artist-card {
+        width: 100%; /* Ensure cards take up full width of the column */
+        height: auto; /* Let the height adjust automatically */
         border: 1px solid #ddd;
         border-radius: 8px;
         overflow: hidden;