search bar style (quick)

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;

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 %}