UI verbessert

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

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>