From f67e6499a2e6d9ae63f5f99f9b021997418aebe9 Mon Sep 17 00:00:00 2001
From: gladyschenyx <98440939+gladyschenyx@users.noreply.github.com>
Date: Tue, 15 Oct 2024 16:51:39 -0500
Subject: [PATCH] Updated User Guide (#80)

---
 frontend/src/components/UserGuideView.css | 15 ++++++---------
 frontend/src/components/UserGuideView.js  |  4 ++--
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/UserGuideView.css b/frontend/src/components/UserGuideView.css
index 5b74c84..d3b9106 100644
--- a/frontend/src/components/UserGuideView.css
+++ b/frontend/src/components/UserGuideView.css
@@ -1,15 +1,11 @@
-*,
-*::after,
-*::before {
-  margin: 0;
-  padding: 0;
-  /* box-sizing: inherit; */
-}
-
 .li {
     margin-left: 1em;
 }
 
+#ptag-separator {
+  margin-bottom: 0;
+}
+
 .accordion {
     background: #f1f1f1;
 }
@@ -56,7 +52,7 @@
 .user-guide-view {
   font-family: Arial, sans-serif;
   margin: 5em;
-  max-width: 70vw;
+  max-width: 80vw;
 }
 
 .text {
@@ -160,6 +156,7 @@
     padding-left: 2em; /* Indent the list */
     margin-top: 0; /* Remove top margin if needed */
     margin-bottom: 1.6;
+    text-align: left;
   }
 
 .code-section {
diff --git a/frontend/src/components/UserGuideView.js b/frontend/src/components/UserGuideView.js
index 18ef9b8..1860dfc 100644
--- a/frontend/src/components/UserGuideView.js
+++ b/frontend/src/components/UserGuideView.js
@@ -194,7 +194,7 @@ const UserGuideView = () => {
         <a href="https://github.com/TACC/PandemicExerciseSimulator" target="_blank" rel="noopener noreferrer" className="github-link">
         https://github.com/TACC/PandemicExerciseSimulator
         </a>
-        <p></p>
+        <p id="ptag-separator"></p>
         <p className="needed-section">
           <strong>Needed: </strong>This tool is still in development and will benefit from testing and expert review. In particular, we need:
         </p>
@@ -208,7 +208,7 @@ const UserGuideView = () => {
         <AccordionItem title="Instructions">
           <Instructions />
         </AccordionItem>
-        <p style={{ background: "white", padding: "0.75em" }}></p>
+        <p style={{ background: "white", padding: "0.75em", marginBottom: "0" }}></p>
         <AccordionItem title="About the Model">
           <ModelInfo />
         </AccordionItem>