Commit 481d1544 authored by Aria Givi's avatar Aria Givi
Browse files

UI verbessert

parent 2b2cff64
...@@ -32,15 +32,26 @@ ...@@ -32,15 +32,26 @@
.search-option-frame { .search-option-frame {
display: none; display: none;
position: absolute; position: absolute;
margin-top: 145px; margin-top: 150px;
padding: 1%; padding: 1%;
border: 1px solid #ccc; border: 1px solid rgb(175, 175, 175);
border-radius: 4px; 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 { .search-button-container {
display: flex; display: flex;
margin-top: 3%;
.search-add-focus { .search-add-focus {
//display: flex; //display: flex;
button { button {
...@@ -70,7 +81,7 @@ ...@@ -70,7 +81,7 @@
a.btn { a.btn {
border: none; border: none;
padding: 0px 8px; padding: 0px 8px;
display: flex; display: block;
align-items: center; align-items: center;
font-size: 16px; font-size: 16px;
} }
......
...@@ -8,6 +8,8 @@ ...@@ -8,6 +8,8 @@
<i class="fa fa-chevron-down"></i> <i class="fa fa-chevron-down"></i>
</button> </button>
<div class="search-option-frame" style="display:none;"> <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;"> <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="web" style="font-family: FontAwesome, sans-serif;" selected>&#xf0ac; Websuche</option>
<option value="nachrichten" style="font-family: FontAwesome, sans-serif;">&#xf0a1; Nachrichtensuche</option> <option value="nachrichten" style="font-family: FontAwesome, sans-serif;">&#xf0a1; Nachrichtensuche</option>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment