From 028d7649afb28dce5f351d2ca7ddca7867a5cc08 Mon Sep 17 00:00:00 2001
From: James Scherer <jscherer@uab.edu>
Date: Tue, 26 Sep 2023 12:09:41 -0500
Subject: [PATCH] Updating CSS in a few places

---
 .../AnalysisView/DiscussionSection.vue        |  4 ++--
 frontend/src/styles/main.css                  |  3 +--
 frontend/src/styles/rosalution.css            | 20 +++++++++----------
 3 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/AnalysisView/DiscussionSection.vue b/frontend/src/components/AnalysisView/DiscussionSection.vue
index 10aa5146..1e0b11f5 100644
--- a/frontend/src/components/AnalysisView/DiscussionSection.vue
+++ b/frontend/src/components/AnalysisView/DiscussionSection.vue
@@ -31,8 +31,8 @@ export default {
 <style scoped>
 
 .new-discussion-button {
-    margin-bottom: 10px;
-    margin-right: 10px
+    margin-bottom: var(--p-10);
+    margin-right: var(--p-10);
 }
 
 .collapsable-icon {
diff --git a/frontend/src/styles/main.css b/frontend/src/styles/main.css
index b73e1be3..3c582f0e 100644
--- a/frontend/src/styles/main.css
+++ b/frontend/src/styles/main.css
@@ -50,9 +50,8 @@ html {
   --p-5: 0.313rem;
   --p-8: 0.5rem;
   --p-10: 0.625rem;
-  --p-11: 0.6875rem;
   --p-16: 1rem;
-  --p-17: 1.75rem;
+  --p-28: 1.75rem;
 
   scroll-padding-top: 4rem;
   
diff --git a/frontend/src/styles/rosalution.css b/frontend/src/styles/rosalution.css
index 724e86c2..6da55da3 100644
--- a/frontend/src/styles/rosalution.css
+++ b/frontend/src/styles/rosalution.css
@@ -17,8 +17,8 @@ html {
   font-size: 1.125rem;
   padding-top: var(--p-10);
   padding-bottom: var(--p-10);
-  padding-left: var(--p-17);
-  padding-right: var(--p-17);
+  padding-left: var(--p-28);
+  padding-right: var(--p-28);
   border: none;
   border-radius: var(--content-border-radius);
   cursor: pointer;
@@ -29,10 +29,10 @@ html {
   color: var(--rosalution-purple-300);
   font-weight: 700;
   font-size: 1.125rem;
-  padding-top: var(--p-11);
-  padding-bottom: var(--p-11);
-  padding-left: var(--p-17);
-  padding-right: var(--p-17);
+  padding-top: var(--p-10);
+  padding-bottom: var(--p-10);
+  padding-left: var(--p-28);
+  padding-right: var(--p-28);
   border: none;
   border-radius: var(--button-border-radius);
   cursor: pointer;
@@ -53,10 +53,10 @@ html {
   font-family: "Proxima Nova", sans-serif;
   font-weight: 700;
   font-size: 1.125rem;
-  padding-top: var(--p-11);
-  padding-bottom: var(--p-11);
-  padding-left: var(--p-17);
-  padding-right: var(--p-17);
+  padding-top: var(--p-10);
+  padding-bottom: var(--p-10);
+  padding-left: var(--p-28);
+  padding-right: var(--p-28);
   border-color: var(--rosalution-black);
   border-radius: var(--button-border-radius);
   border-style: solid;