From 65a28369f799b110fce2b79b02c0821ce56f0ed6 Mon Sep 17 00:00:00 2001
From: ZeKap <kapismath@gmail.com>
Date: Thu, 22 Feb 2024 15:40:22 +0100
Subject: [PATCH] favorites page got style bro

---
 assets/styles/app.css              |  2 +-
 templates/favorite/index.html.twig | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/assets/styles/app.css b/assets/styles/app.css
index 7639675..c88060c 100644
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@@ -135,7 +135,7 @@ main:is(#login, #register) > form {
     }
 }
 
-main#searchResults {
+main:is(#searchResults, #favorites) {
     & > h1 {
         padding: 2rem;
         text-align: center;
diff --git a/templates/favorite/index.html.twig b/templates/favorite/index.html.twig
index 9ec1e41..75882cb 100644
--- a/templates/favorite/index.html.twig
+++ b/templates/favorite/index.html.twig
@@ -3,15 +3,17 @@
 {% block title %}Favorites!{% endblock %}
 
 {% block body %}
-    {% for album_liked in favorites %} 
-        {% set main_artist = album_liked["artists_sort"] %} 
-        {% set artists = album_liked["artists"] %} 
+<main id="favorites">
+    <div class="results">
+    {% for album_liked in favorites %}
+        {% set main_artist = album_liked["artists_sort"] %}
+        {% set artists = album_liked["artists"] %}
         {% set album = album_liked["title"] %}
         <section class="album">
             <span>
                 <h2>{{album}}</h2>
                 by
-                {% for artist in artists %}     
+                {% for artist in artists %}
                     <h3>{{artist["name"]}}</h3>
                 {% endfor %}
             </span>
@@ -27,4 +29,6 @@
             <br />
         </section>
     {% endfor %}
+    </div>
+</main>
 {% endblock %}