From 3d55e50750f8c51f8c2102bf7e1a8d0ba7195704 Mon Sep 17 00:00:00 2001
From: ZeKap <kapismath@gmail.com>
Date: Thu, 22 Feb 2024 11:12:37 +0100
Subject: [PATCH] search bar style (quick)

---
 assets/styles/app.css    | 6 ++++++
 templates/base.html.twig | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/assets/styles/app.css b/assets/styles/app.css
index 3b5391f..329bf74 100644
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@@ -66,6 +66,12 @@ header > form {
         background: none;
         color: var(--light);
     }
+    & > select {
+        background: none;
+        border: none;
+        outline: none;
+        appearance: none;
+    }
     & label > img {
         width: 20px;
         height: 20px;
diff --git a/templates/base.html.twig b/templates/base.html.twig
index b4282ba..f9297aa 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -18,7 +18,6 @@
         <header>
             <a class="no-style" href="{{url('index')}}">Frutti</a>
             <form action="{{url('app_search')}}" method="get">
-                <input type="text" name="q" id="q" placeholder="Search" />
                 <select name="fruit" id="fruit">
                     <option value="🍎">🍎</option>
                     <option value="🍐">🍐</option>
@@ -36,14 +35,15 @@
                     <option value="🥝">🥝</option>
                     <option value="🥥">🥥</option>
                 </select>
+                <input type="text" name="q" id="q" placeholder="Search" />
                 <label>
                     <input type="submit" value="search" />
                     <img src="{{ asset('/styles/search.svg') }}" alt="Search" />
                 </label>
             </form>
             <div>
-            <a class="no-style" href="{{url('app_register')}}">Register</a>
-            <a class="no-style" href="{{url('app_login')}}">Login</a>
+                <a class="no-style" href="{{url('app_register')}}">Register</a>
+                <a class="no-style" href="{{url('app_login')}}">Login</a>
             </div>
         </header>
         {% endblock %}