diff --git a/resources/assets/less/metager/searchbar.less b/resources/assets/less/metager/searchbar.less
index 698ed28e9f4a68863fafd18607714a47d996ce45..7cd28901a8e5c826b08d448734e428da9c76a23b 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 720a8c4fecdd3ae7f49529761e5a86dacf90f8bf..38ee58bacbccb0b439df8e6c24ed8ec6d94a49a6 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> Websuche</option>
<option value="nachrichten" style="font-family: FontAwesome, sans-serif;"> Nachrichtensuche</option>