From 2cdc9813daa368606f570e6528341a45f80f3f13 Mon Sep 17 00:00:00 2001
From: Andreas Huber <bitbucket@lucares.de>
Date: Sat, 17 Oct 2020 10:49:14 +0200
Subject: [PATCH] change background in active drop down options

Seems like the new material version came with weird coloring.
---
 .../query-autocomplete/query-autocomplete.component.scss | 5 -----
 pdb-js/src/styles.scss                                   | 9 +++++++++
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/pdb-js/src/app/query-autocomplete/query-autocomplete.component.scss b/pdb-js/src/app/query-autocomplete/query-autocomplete.component.scss
index 4513308..379d31f 100644
--- a/pdb-js/src/app/query-autocomplete/query-autocomplete.component.scss
+++ b/pdb-js/src/app/query-autocomplete/query-autocomplete.component.scss
@@ -1,8 +1,3 @@
-.mat-option {
-  /*height: 1.5em;
-  line-height: 1.5em;
-  /**/
-}
 
 #query-autocomplete-input {
   border: solid 1px #ccc;
diff --git a/pdb-js/src/styles.scss b/pdb-js/src/styles.scss
index 52e3a5f..4675461 100644
--- a/pdb-js/src/styles.scss
+++ b/pdb-js/src/styles.scss
@@ -79,6 +79,15 @@ button[disabled] .icon-inline {
   opacity: 0.25;
 }
 
+mat-option.mat-option {
+  height: 2em;
+  line-height: 2em;
+}
+
+mat-option.mat-option.mat-active {
+  background-color: #ccc; 
+}
+
 a.external-link:after {
   background: transparent url('/assets/img/external-link.svg') no-repeat center bottom;
   background-size: 0.8em;