From d81eef8beae99af3a1c7da1d1075fa7892583ef9 Mon Sep 17 00:00:00 2001
From: Unknown <davhubner@gmail.com>
Date: Fri, 2 Jun 2017 11:54:21 +0200
Subject: [PATCH] Fix search dropdown style

Fix #1
---
 app/Resources/assets/style/main.scss | 14 ++++++++++++++
 app/Resources/views/base.html.twig   |  7 +++++++
 2 files changed, 21 insertions(+)

diff --git a/app/Resources/assets/style/main.scss b/app/Resources/assets/style/main.scss
index b19cb34..5ed06ad 100644
--- a/app/Resources/assets/style/main.scss
+++ b/app/Resources/assets/style/main.scss
@@ -110,6 +110,20 @@
   .ui.segment.vertical.noborder {
     border-bottom: 0;
   }
+
+
+  .sidebar .search .results {
+    width: 100%;
+
+    .category {
+      .name {
+        width: 100%;
+      }
+      .result {
+        margin-left: 0;
+      }
+    }
+  }
 }
 
 @each $i in 5 10 15 20 25 30 40 50 60 {
diff --git a/app/Resources/views/base.html.twig b/app/Resources/views/base.html.twig
index 0d1c545..de756c7 100644
--- a/app/Resources/views/base.html.twig
+++ b/app/Resources/views/base.html.twig
@@ -5,6 +5,13 @@
 
 {% block body %}
     <div class="ui vertical inverted sidebar menu right">
+        <div class="ui search item category center aligned">
+            <div class="ui icon input transparent inverted">
+                <input class="prompt" type="text" placeholder="Search..." >
+                <i class="search icon"></i>
+            </div>
+            <div class="results transition"></div>
+        </div>
         {{ knp_menu_render('mainMenu') }}
     </div>