Consistent userlist search input appearance with other inputs

1 files changed, 12 insertions, 6 deletions

diff --git a/theme.css b/theme.css
index ee11141..314035e 100644
--- a/theme.css
+++ b/theme.css
@@ -355,17 +355,18 @@ body {
 
 .input,
 #chat .userlist .search {
-    height:      var(--dim--input--height);
-    padding:     0 var(--dim--input--pad-h);
-    line-height: var(--dim--input--height);
+    height:        var(--dim--input--height);
+    padding:       0 var(--dim--input--pad-h);
+    transition:    border-color .2s, box-shadow .2s;
+    border:        2px solid transparent;
+    border-radius: 3px;
+    color:         var(--color--input--fg);
+    line-height:   var(--dim--input--height);
 }
 
 .input {
     margin:           0;
-    border:           2px solid transparent;
-    border-radius:    3px;
     background-color: var(--color--input--bg);
-    color:            var(--color--input--fg);
 }
 
 .btn:active,
@@ -397,6 +398,11 @@ body {
     border-color: var(--button-color);
 }
 
+#chat .userlist .search:focus,
+#chat .userlist .search:hover {
+    border-color: var(--button-color);
+}
+
 #chat .userlist .count {
     height:           var(--dim--input--height);
     background-color: var(--color--sidebar-input--bg);