From 23cfbc2efa7368b513ae2f59653586f370149657 Mon Sep 17 00:00:00 2001
From: Gregory Ballantine <gballan1@umbc.edu>
Date: Thu, 26 Jun 2025 12:50:05 -0400
Subject: [PATCH] Made some style changes (not great, but I think it's a little
 better)

---
 assets/styles/nardah.scss | 52 ++++++++++++++++++++++++++++++++++++++-
 views/test/view.twig      |  6 ++---
 2 files changed, 54 insertions(+), 4 deletions(-)

diff --git a/assets/styles/nardah.scss b/assets/styles/nardah.scss
index 0de1587..d78e019 100644
--- a/assets/styles/nardah.scss
+++ b/assets/styles/nardah.scss
@@ -5,10 +5,15 @@ $nav-height: 65px;
 
 $textarea-min-height: 100px;
 
+$shadow-normal: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
+$shadow-light: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
+$shadow-heavy: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
+
 body{
   margin: 0;
   padding: $nav-height 0 0;
-  background: white;
+  background: #f6f6f6;
+  font-size: 16px;
 }
 
 a{
@@ -19,12 +24,51 @@ a{
   }
 }
 
+table{
+  border: 1px solid #e1e1e1;
+  border-collapse: collapse;
+  box-shadow: $shadow-light;
+  border-radius: 7px;
+  overflow: hidden;
+
+  thead{
+    border-bottom: 2px solid #212121;
+    font-size: 2rem;
+  }
+
+  tr,
+  th,
+  td{
+    border: none;
+  }
+
+  tr:nth-child(even){
+    background-color: #eee;
+  }
+
+  th,
+  td{
+    padding: 12px 15px !important;
+  }
+}
+
 textarea{
   min-width: 100%;
   max-width: 100%;
   min-height: $textarea-min-height;
 }
 
+input[type=submit].button-primary,
+button.button-primary,
+.button.button-primary{
+  background-color: $primary-color;
+  font-size: 1.5rem;
+
+  &:hover{
+    background-color: lighten($primary-color, 10%);
+  }
+}
+
 select[multiple]{
   max-width: 100%;
   min-height: 100px;
@@ -37,8 +81,10 @@ select[multiple]{
   width: 100%;
   height: $nav-height;
   background: $primary-color;
+  box-shadow: $shadow-normal;
   color: #eee;
   font-size: 2rem;
+  z-index: 100;
 
   ul{
     list-style: none;
@@ -58,6 +104,7 @@ select[multiple]{
     display: inline-block;
     padding: 15px 10px;
     color: #eee;
+    font-weight: bold;
     text-decoration: none;
     &:hover{
       color: white;
@@ -75,6 +122,9 @@ select[multiple]{
   max-width: 1180px;
   margin-top: 15px;
   padding: 15px 20px;
+  background-color: white;
+  box-shadow: $shadow-normal;
+  border-radius: 10px;
 }
 
 #result-form{
diff --git a/views/test/view.twig b/views/test/view.twig
index 48f7e7e..ddf8672 100644
--- a/views/test/view.twig
+++ b/views/test/view.twig
@@ -25,13 +25,13 @@
           </div>
 
           <div class="two columns">
-            <input type="number" step="0.01" name="result_avg" placeholder="0.0">
+            <input class="u-full-width" type="number" step="0.01" name="result_avg" placeholder="0.0">
           </div>
           <div class="two columns">
-            <input type="number" step="0.01" name="result_min" placeholder="0.0">
+            <input class="u-full-width" type="number" step="0.01" name="result_min" placeholder="0.0">
           </div>
           <div class="two columns">
-            <input type="number" step="0.01" name="result_max" placeholder="0.0">
+            <input class="u-full-width" type="number" step="0.01" name="result_max" placeholder="0.0">
           </div>
 
           <div class="two columns">