From 56f397c2d840760f7bcdc10fa59c72b7fc33f7e3 Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Wed, 7 Aug 2024 03:48:47 +0400
Subject: [PATCH] Update default appearance of selectors

---
 src/components/ui/forms/SelectField.svelte | 6 ++++++
 src/styles/injectable/input.scss           | 6 +++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/forms/SelectField.svelte b/src/components/ui/forms/SelectField.svelte
index cd815c3..f1e78a8 100644
--- a/src/components/ui/forms/SelectField.svelte
+++ b/src/components/ui/forms/SelectField.svelte
@@ -32,3 +32,9 @@
         <option {value}>{label}</option>
     {/each}
 </select>
+
+<style lang="scss">
+    select {
+        width: 100%;
+    }
+</style>
diff --git a/src/styles/injectable/input.scss b/src/styles/injectable/input.scss
index 4ceef1e..bf785a3 100644
--- a/src/styles/injectable/input.scss
+++ b/src/styles/injectable/input.scss
@@ -1,6 +1,6 @@
 @use '../colors';
 
-input, textarea {
+input, textarea, select {
   background: colors.$input-background;
   border: 1px solid colors.$input-border;
   color: colors.$text;
@@ -9,3 +9,7 @@ input, textarea {
   padding: 0 6px;
   line-height: 26px;
 }
+
+select {
+  min-height: 28px;
+}