search fix

frontend/lib/src/view/components/appointment_new_component.html

@@ -68,7 +68,7 @@
             <textarea type="text" class="form-control" id="note" placeholder="note"
                       [(ngModel)]="appointment.note" name="note" rows="4"></textarea>
             <div id="stern">
-                    fields with a <b>*</b> are required
+                    fields with an <b>*</b> are required
             </div>
         </div>
 

frontend/lib/src/view/components/contact_search_component.css

-.search-result {
-    border-bottom: 1px solid gray;
-    border-left: 1px solid gray;
-    border-right: 1px solid gray;
-    width:195px;
-    height: 20px;
-    padding: 5px;
-    background-color: white;
-    cursor: pointer;
-
-}
-#search-box {
-    width: 200px;
-    height: 20px;
-}
\ No newline at end of file

frontend/lib/src/view/components/contact_search_component.html

 <div id="search-component">
-    <input #searchBox id="search-box"
+    <input #searchBox id="search"
            placeholder="Search"
            (change)="search(searchBox.value)"
            (keyup)="search(searchBox.value)" />
-    <div>
+    <div id="resultWrapper">
         <div *ngFor="let contact of contacts | async"
              (click)="contact.delete()" class="search-result" >
             {{contact.username}}

frontend/web/styles.css

@@ -4,4 +4,20 @@ html, body{
     height: 100vh;
     margin: 0;
     background: #04202C;
+}
+
+#search-component > #search-box {
+    width: 200px;
+    height: 30px;
+}
+#search-component > div {
+    position: absolute;
+}
+
+.search-result.search-result.search-result.search-result{
+    position: relative;
+    z-index: 90000;
+    cursor: pointer;
+    width: 200px;
+    height: 30px;
 }
\ No newline at end of file