From 670c025591f9e769adb4fa9a9f2b6edcbee01004 Mon Sep 17 00:00:00 2001
From: asonix <asonix@asonix.dog>
Date: Mon, 1 Feb 2021 22:34:43 -0600
Subject: [PATCH] Toolkit: improve select styling

---
 toolkit/scss/toolkit.scss        | 5 +++--
 toolkit/templates/select.rs.html | 6 +++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/toolkit/scss/toolkit.scss b/toolkit/scss/toolkit.scss
index cd01282..c0cf252 100644
--- a/toolkit/scss/toolkit.scss
+++ b/toolkit/scss/toolkit.scss
@@ -315,13 +315,13 @@ img {
         &:before {
             position: absolute;
             display: block;
-            content: '▾';
-            top: 7px;
+            top: 13px;
             right: 10px;
         }
         select {
             position: relative;
             width: 100%;
+            height: 40px;
             -webkit-appearance: none;
             -moz-appearance: none;
             appearance: none;
@@ -330,6 +330,7 @@ img {
             border-style: solid;
             border-radius: 2px;
             padding: 8px 24px 8px 8px;
+            font-size: 14px;
             font-weight: 500;
 
             color: $dark;
diff --git a/toolkit/templates/select.rs.html b/toolkit/templates/select.rs.html
index c291cd4..3962f38 100644
--- a/toolkit/templates/select.rs.html
+++ b/toolkit/templates/select.rs.html
@@ -4,9 +4,9 @@
 
 <div class="@select.class_string()">
     @if let Some(title) = &select.title {
-        <label for="@select.name" class="toolkit-select--label">
+        <label class="toolkit-select--label">
             <span class="toolkit-select--title">@title</span>
-            <div class="toolkit-select--wrapper">
+            <div class="toolkit-select--wrapper fa fa-chevron-down">
                 <select name="@select.name">
                     @for option in &select.options {
                         @if select.default.as_deref() == Some(&option.value) {
@@ -19,7 +19,7 @@
             </div>
         </label>
     } else {
-        <div class="toolkit-select--wrapper">
+        <div class="toolkit-select--wrapper fa fa-chevron-down">
             <select name="@select.name">
                 @for option in &select.options {
                     @if select.default.as_deref() == Some(&option.value) {