Merge pull request #156 from DSACMS/nat/minor-ui-fixes

Frontend: Minor UI Fixes
DSACMS · Sep 19, 2024 · 5b29e5b · 5b29e5b
2 parents 9d609ee + 4e44f04
commit 5b29e5b
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/frontend/css/style.css b/frontend/css/style.css
@@ -27,6 +27,11 @@ h2,
   width: 100%;
 }
 
+#submit {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
 .usa-button-group {
   justify-content: center;
 }
@@ -70,9 +75,13 @@ img {
   animation: spin 2s linear infinite;
 }
 
-.security-info {
-  padding-inline-start: 0;
-  list-style-position: inside;
+ul,
+ol {
+  padding-left: 15px;
+}
+
+ol {
+  margin-bottom: 0px;
 }
 
 @keyframes spin {

diff --git a/frontend/index.html b/frontend/index.html
@@ -27,7 +27,7 @@ <h1>DedupliFHIR</h1>
           />
         </div>
         <div class="usa-form-group">
-        <label class="usa-label" for="options">Select file format for results data</label>
+        <label class="usa-label" for="options">Select file format for your results data</label>
         <select class="usa-select" name="options" id="options">
           <option value=".xlsx" selected="selected" >.xlsx</option>
           <option value=".csv">.csv</option>

diff --git a/frontend/pages/success.html b/frontend/pages/success.html
@@ -30,9 +30,11 @@ <h4 class="usa-alert__heading">Error</h4>
       <div class="results-spreadsheet-instructions" id="results-spreadsheet-instructions">
         <p>
           <b>To find possible duplicates:</b>
+          <ol>
             <li>Open your results file.</li>
-            <li>Find the records with the same <b>cluster_id</b>.<br><a href="https://github.com/DSACMS/dedupliFHIR/blob/main/research/sept-2024/examples-use-clusterid-to-find-possible-duplicates.md" target="_blank">(See examples.)</a></li>
+            <li>Find the records with the same <b>cluster_id</b>.</li>
           </ol>
+          <a href="https://github.com/DSACMS/dedupliFHIR/blob/main/research/sept-2024/examples-use-clusterid-to-find-possible-duplicates.md" target="_blank">(See examples.)</a>
         </p>
       </div> 
       <button type="button" class="usa-button" id="save-file">Save the results file</button>