From e8d6c53974291222131bc42b91453b7bec4f03b8 Mon Sep 17 00:00:00 2001
From: Nickiel12 <nicholasyoungsumner@gmail.com>
Date: Tue, 23 Jan 2024 19:21:31 -0800
Subject: [PATCH] re-arranged class to use nested sass

---
 web/sass/utility-classes.scss | 32 ++++++++++++++++++--------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/web/sass/utility-classes.scss b/web/sass/utility-classes.scss
index 9204ca7..373f521 100644
--- a/web/sass/utility-classes.scss
+++ b/web/sass/utility-classes.scss
@@ -137,6 +137,7 @@ $w_h_sizes: (
     border-radius: 20px;
     background-color: var(--#{$prefix}-surface2);
     transition: all 0.1s linear;
+    cursor: pointer;
 }
 .borderless-btn:hover {
     background-color: var(--#{$prefix}-overlay1);
@@ -205,19 +206,22 @@ table.table-striped {
     border-color: var(--#{$prefix}-overlay2);
     border-width: thin;
     transition: max-height 0.2s linear;
-}
-
-.popup-menu select {
-    font-size: 1em;
-    border: none;
-    border-radius: $border-radius;
-    background-color: var(--#{$prefix}-mantle);
-    color: var(--#{$prefix}-text);
-}
-.popup-menu input {
-    width: 5em;
-    font-size: 1em;
-    margin-left: 10px;
-    margin-right: 10px;
+
+    select {
+        font-size: 1em;
+        border: none;
+        border-radius: $border-radius;
+        background-color: var(--#{$prefix}-mantle);
+        color: var(--#{$prefix}-text);
+    }
+    input {
+        width: 5em;
+        font-size: 1em;
+        margin-left: 10px;
+        margin-right: 10px;
+        border-radius: $border-radius;
+        border-style: solid;
+        border-color: var(--#{$prefix}-text);
+    }
 }