From aa5fbac1817f756d30f3bd30123a631fafded288 Mon Sep 17 00:00:00 2001
From: Jacob <92279567+Oia20@users.noreply.github.com>
Date: Tue, 23 Apr 2024 19:52:15 -0500
Subject: [PATCH] Styling changes.

---
 CropSQL/Pages/Components/Prompt.razor.css     | 9 +++++----
 CropSQL/Pages/Components/SideBarNav.razor.css | 6 ++++++
 CropSQL/wwwroot/css/app.css                   | 9 +++++----
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/CropSQL/Pages/Components/Prompt.razor.css b/CropSQL/Pages/Components/Prompt.razor.css
index a4e3763..369d255 100644
--- a/CropSQL/Pages/Components/Prompt.razor.css
+++ b/CropSQL/Pages/Components/Prompt.razor.css
@@ -4,12 +4,12 @@
     border-radius: 12px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* Increased shadow */
     border: 2px solid #5e8d61; /* Solid border */
-    margin: 5px;
+    margin: 20px;
     width:80%;
     height:fit-content;
     margin:auto;
-    margin-top: 5px;
-    margin-bottom:5px;
+    margin-top: 14px;
+    margin-bottom:14px;
     color: #f4d35d;
     font-size: 1.2em;
 }
@@ -21,4 +21,5 @@
     background-color: rgba(46, 121, 56, 0.226);
     border: 2px solid #e8a073; /* Solid border */
     color: #f4d35d;
-}
\ No newline at end of file
+}
+
diff --git a/CropSQL/Pages/Components/SideBarNav.razor.css b/CropSQL/Pages/Components/SideBarNav.razor.css
index bbd3081..6f8e47e 100644
--- a/CropSQL/Pages/Components/SideBarNav.razor.css
+++ b/CropSQL/Pages/Components/SideBarNav.razor.css
@@ -31,3 +31,9 @@
 .sidebar ul li a:hover {
     background-color: #e8a073;
 }
+
+@media screen and (max-width: 700px)  {
+    .sidebar {
+        display: none;
+    }
+} 
\ No newline at end of file
diff --git a/CropSQL/wwwroot/css/app.css b/CropSQL/wwwroot/css/app.css
index 86443f5..58bc8f1 100644
--- a/CropSQL/wwwroot/css/app.css
+++ b/CropSQL/wwwroot/css/app.css
@@ -2,10 +2,11 @@
 
 html, body {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    height:auto;
-    background-image: linear-gradient(180deg, #a2b780, #5e8d61);
-    width:100%
-
+    /* height:min-content; */
+    background-image: linear-gradient(90deg, #457e4e, #72a35b);
+    width:100%;
+    height:fit-content;
+    position: relative;
 }
 
 h1:focus {