From 979628b0076e8d8bec02efb98f46ef86bdf37bed Mon Sep 17 00:00:00 2001
From: Aria <aria@suma-ev.de>
Date: Mon, 27 Nov 2017 10:48:56 +0100
Subject: [PATCH] UI verbessert

---
 resources/assets/less/metager/searchbar.less | 19 +++++++++++++++----
 resources/views/parts/searchbar.blade.php    |  2 ++
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/resources/assets/less/metager/searchbar.less b/resources/assets/less/metager/searchbar.less
index 698ed28e9..7cd28901a 100644
--- a/resources/assets/less/metager/searchbar.less
+++ b/resources/assets/less/metager/searchbar.less
@@ -32,15 +32,26 @@
     .search-option-frame {
         display: none;
         position: absolute;
-        margin-top: 145px;
+        margin-top: 150px;
         padding: 1%;
-        border: 1px solid #ccc;
+        border: 1px solid rgb(175, 175, 175);
         border-radius: 4px;
+
+        .searchbar-options-arrow {
+            width: 0;
+            height: 0;
+            top: -5px;
+            position: absolute;
+            border-left: 5px solid transparent;
+            border-right: 5px solid transparent;
+            border-bottom: 5px solid rgb(175, 175, 175);
+            margin-left: 3%;
+        }
     }
 
     .search-button-container {
         display: flex;
-
+        margin-top: 3%;
         .search-add-focus {
             //display: flex;
             button {
@@ -70,7 +81,7 @@
             a.btn {
                 border: none;
                 padding: 0px 8px;
-                display: flex;
+                display: block;
                 align-items: center;
                 font-size: 16px;
             }
diff --git a/resources/views/parts/searchbar.blade.php b/resources/views/parts/searchbar.blade.php
index 720a8c4fe..38ee58bac 100644
--- a/resources/views/parts/searchbar.blade.php
+++ b/resources/views/parts/searchbar.blade.php
@@ -8,6 +8,8 @@
 					<i class="fa fa-chevron-down"></i>
 				</button>
 				<div class="search-option-frame" style="display:none;">
+					<div class="searchbar-options-arrow">
+					</div>
 					<select id="focus-select" name="focus" style="font-family: FontAwesome, sans-serif;">
 						<option value="web" style="font-family: FontAwesome, sans-serif;" selected>&#xf0ac; Websuche</option>
 						<option value="nachrichten" style="font-family: FontAwesome, sans-serif;">&#xf0a1; Nachrichtensuche</option>
-- 
GitLab