Updated User Guide (#80)

TACC · Oct 15, 2024 · f67e649 · f67e649
1 parent 3ad0eaf
commit f67e649
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 11 deletions.
diff --git 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
@@ -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>