From 2cd6513aa4ea17d540df99219d798e9b9486aa5e Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 2 Jul 2023 16:26:20 -0700
Subject: [PATCH] Add extra modifier styles to Input/Select

---
 components/common/Input/index.module.scss  | 15 ++++++++++++---
 components/common/Select/index.module.scss | 16 ++++++++++++++++
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/components/common/Input/index.module.scss b/components/common/Input/index.module.scss
index 3e806cbb..3314d594 100644
--- a/components/common/Input/index.module.scss
+++ b/components/common/Input/index.module.scss
@@ -7,6 +7,10 @@
     margin-bottom: 0;
   }
 
+  &.hidden {
+    display: none;
+  }
+
   &.full {
     width: 100%;
   }
@@ -20,6 +24,10 @@
     width: 0;
   }
 
+  .fullHeight {
+    height: 100%;
+  }
+
   .input {
     -webkit-font-smoothing: antialiased;
     background-color: var(--input-bg);
@@ -107,12 +115,13 @@
       width: $unit-8x;
     }
 
-    &.alignRight {
+    &.range {
       text-align: right;
+      width: $unit-10x;
     }
 
-    &.hidden {
-      display: none;
+    &.alignRight {
+      text-align: right;
     }
   }
 
diff --git a/components/common/Select/index.module.scss b/components/common/Select/index.module.scss
index f132bc1c..543cf822 100644
--- a/components/common/Select/index.module.scss
+++ b/components/common/Select/index.module.scss
@@ -6,6 +6,7 @@
   display: flex;
   gap: $unit;
   padding: ($unit * 1.5) $unit-2x;
+  white-space: nowrap;
 
   &.small {
     & > span:not(.icon) {
@@ -29,6 +30,21 @@
     }
   }
 
+  &.grow {
+    flex-grow: 1;
+  }
+
+  &.left {
+    flex-grow: 1;
+    width: 100%;
+  }
+
+  &.right {
+    flex-grow: 0;
+    text-align: right;
+    min-width: 12rem;
+  }
+
   &.bound {
     background-color: var(--select-contained-bg);