pages nav got style

assets/styles/app.css

@@ -147,6 +147,12 @@ main:is(#searchResults, #favorites) {
         justify-items: stretch;
         gap: 2rem;
     }
+    & > nav {
+        display: flex;
+        flex-direction: row;
+        gap: 24px;
+        padding: 1rem;
+    }
 }
 
 section.album {

templates/search/search.html.twig

@@ -47,11 +47,11 @@ endblock %} {% block body %}
     <nav>
         <a
             href="/search?q={{query}}&page={{previous_page}}&fruit={{fruit_emoji}}"
-            >previous page</a
+            >‹‹ previous page</a
         >
         <p>{{page}}</p>
         <a href="/search?q={{query}}&page={{next_page}}&fruit={{fruit_emoji}}"
-            >next page</a
+            >next page ››</a
         >
     </nav>
 </main>