From 33369b69c70c70e463201eac259d5021a7aae114 Mon Sep 17 00:00:00 2001
From: Oliver Hamlet <oliver.hamlet@gmail.com>
Date: Thu, 24 Nov 2016 20:57:49 +0000
Subject: [PATCH] Fix input underline styling

The change was introduced by paper-input v1.1.21.
---
 src/gui/html/elements/loot-dropdown-menu.html  | 2 +-
 src/gui/html/elements/loot-search-toolbar.html | 2 +-
 src/gui/html/index.html                        | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/gui/html/elements/loot-dropdown-menu.html b/src/gui/html/elements/loot-dropdown-menu.html
index 3f665e03..6ab53481 100644
--- a/src/gui/html/elements/loot-dropdown-menu.html
+++ b/src/gui/html/elements/loot-dropdown-menu.html
@@ -27,7 +27,7 @@ it a <select>-like API. This means:
       }
       :host(.dark) paper-dropdown-menu {
         --paper-input-container-underline: {
-          background-color: var(--dark-theme-divider-color);
+          border-color: var(--dark-theme-divider-color);
         };
         --paper-input-container-underline-disabled: {
           border-color: var(--dark-theme-divider-color);
diff --git a/src/gui/html/elements/loot-search-toolbar.html b/src/gui/html/elements/loot-search-toolbar.html
index db3d3d71..d8c8b4af 100644
--- a/src/gui/html/elements/loot-search-toolbar.html
+++ b/src/gui/html/elements/loot-search-toolbar.html
@@ -24,7 +24,7 @@ loot-search-end: Fired when the close button is clicked.
         --paper-input-container-input-color: var(--dark-theme-text-color);
         --paper-input-container-color: var(--dark-theme-secondary-color);
         --paper-input-container-underline: {
-          background-color: var(--dark-theme-divider-color);
+          border-color: var(--dark-theme-divider-color);
         };
 
         display: block;
diff --git a/src/gui/html/index.html b/src/gui/html/index.html
index 2947dc02..699ec2f8 100644
--- a/src/gui/html/index.html
+++ b/src/gui/html/index.html
@@ -117,10 +117,10 @@
         text-overflow: ellipsis;
       };
       --paper-input-container-underline: {
-        background-color: var(--divider-color);
+        border-color: var(--divider-color);
       };
       --paper-input-container-underline-focus: {
-        background-color: var(--accent-color);
+        border-color: var(--accent-color);
       };
 
       paper-menu-button {