added new searchbar

templates/search/index.html.twig

@@ -4,40 +4,15 @@
 
 {% block content %}
     <section class="section-search">
-        <div class="search-bar">
-            <form action="" method="get">
-                <div class="show-all">
-                    <a href="{{ path('search.index', {showAll: true}) }}" class="button button-label">Show all</a>
-                </div>
-                <div class="multi-select multi-select-difficulties">
-                    {#
-                    <div class="label"><div onclick="ToggleDifficultiesBox()" class="button button-label">Difficulties &nbsp; <i class="mdi mdi-chevron-down"></i></div></div>
-                    <div class="box">
-                        <label for="easyDifficulty" class="item">
-                            <input type="checkbox" name="easyDifficulty" id="easyDifficulty" checked />
-                            <span>Easy</span>
-                        </label>
-                        <label for="normalDifficulty" class="item">
-                            <input type="checkbox" name="normalDifficulty" id="normalDifficulty" checked />
-                            <span>Normal</span>
-                        </label>
-                        <label for="hardDifficulty" class="item">
-                            <input type="checkbox" name="hardDifficulty" id="hardDifficulty" checked />
-                            <span>Hard</span>
-                        </label>
-                        <label for="extremeDifficulty" class="item">
-                            <input type="checkbox" name="extremeDifficulty" id="extremeDifficulty" checked />
-                            <span>Extreme</span>
-                        </label>
-                        <label for="XDDifficulty" class="item">
-                            <input type="checkbox" name="XDDifficulty" id="XDDifficulty" checked />
-                            <span>XD</span>
-                        </label>
-                    </div> #}
-                </div>
-                <input name="q" type="search" placeholder="Search for songs, tags & profiles..." value="{{ searchQuery|default('') }}" />
-            </form>
-        </div>
+        <header>
+            <div class="title">Search</div>
+            <div class="actions">
+                <form action="" method="GET">
+                    <input name="q" type="search" placeholder="Search for songs, tags & profiles..." value="{{ searchQuery|default('') }}" />
+                </form>
+                <a href="{{ path('search.index', {showAll: true}) }}" class="button">Show all</a>
+            </div>
+        </header>
         {% if results is defined %}
             <div class="search-results">
                 {% if results.users|length == 0 and results.songs|length == 0 %}