From a0548c0e017db0f11a7c2f88ca915e7c1e85fb31 Mon Sep 17 00:00:00 2001
From: Lukas Metzger <developer@lukas-metzger.com>
Date: Wed, 11 Apr 2018 09:44:46 +0200
Subject: [PATCH] Improve styling of search component

---
 frontend/src/app/partials/search/search.component.html | 2 +-
 frontend/src/styles.scss                               | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/partials/search/search.component.html b/frontend/src/app/partials/search/search.component.html
index d621ab9..8ebc419 100644
--- a/frontend/src/app/partials/search/search.component.html
+++ b/frontend/src/app/partials/search/search.component.html
@@ -4,7 +4,7 @@
     <div class="dropdown-menu" [class.show]="open">
         <span *ngIf="hintText()" class="dropdown-item font-italic">{{ hintText() }}
         </span>
-        <span *ngFor="let result of searchResults; let i=index" class="dropdown-item cursor-pointer" [class.active]="i === 0"
+        <span *ngFor="let result of searchResults; let i=index" class="dropdown-item cursor-pointer" [class.dropdown-item-hover]="i === 0"
             (click)="onClick(result.id)">{{ result.text }}</span>
     </div>
 </div>
\ No newline at end of file
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index f9bbcc8..2b9c376 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -27,6 +27,10 @@ $sizes: (
 
 @import '~bootstrap/scss/bootstrap.scss';
 
+.dropdown-item-hover {
+    @extend .dropdown-item:hover;
+}
+
 /* Add font awesome */
 $fa-font-path: "~font-awesome/fonts";
 @import '~font-awesome/scss/font-awesome';