From b985284705f6d91c865038c1c2eae2f60b71187f Mon Sep 17 00:00:00 2001
From: Sam Park <samp1800@live.com>
Date: Tue, 3 Sep 2024 10:50:54 -0400
Subject: [PATCH] standardizer api debug

---
 web/src/components/modals/add-view-options.tsx     | 14 ++++++++------
 web/src/components/modals/standardize-metadata.tsx |  3 +--
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/web/src/components/modals/add-view-options.tsx b/web/src/components/modals/add-view-options.tsx
index 9ef165a6..52ffad47 100644
--- a/web/src/components/modals/add-view-options.tsx
+++ b/web/src/components/modals/add-view-options.tsx
@@ -112,12 +112,12 @@ export const ViewOptionsModal = (props: Props) => {
             <a href="https://pep.databio.org/pephub/">API documentation</a>
             .
           </p>
-
+          <div className="border-bottom" style={{ margin: '0 -1.25em' }}></div>
           <Tabs 
             variant="pills" 
             justify defaultActiveKey="blank" 
             id="uncontrolled-tab"
-            className='border border-2 border-light-subtle rounded rounded-3 text-sm bg-body-secondary' 
+            className='border border-2 border-light-subtle rounded rounded-3 text-sm bg-body-secondary mt-3' 
            >
             <Tab
               eventKey="blank"
@@ -188,6 +188,7 @@ export const ViewOptionsModal = (props: Props) => {
                     name="name"
                     render={({ message }) => (message ? <p className="text-danger pt-1 mb-0">{message}</p> : null)}
                   />
+                  <div className="border-bottom mt-3" style={{ margin: '0 -1.25em' }}></div>
                   <div>
                     <button
                       disabled={
@@ -197,7 +198,7 @@ export const ViewOptionsModal = (props: Props) => {
                         viewMutations.addViewMutation.isPending
                       }
                       type="button"
-                      className="btn btn-success px-2 mt-4 mb-1 float-end"
+                      className="btn btn-success px-2 mt-3 mb-1 float-end"
                       onClick={() => {
                         onSubmit();
                         resetForm();
@@ -207,7 +208,7 @@ export const ViewOptionsModal = (props: Props) => {
                       {viewMutations.addViewMutation.isPending ? 'Creating...' : 'Create'}
                     </button>
                     <button
-                      className="btn btn-outline-dark me-1 mt-4 mb-1 float-end"
+                      className="btn btn-outline-dark me-1 mt-3 mb-1 float-end"
                       onClick={() => {
                         onHide();
                       }}
@@ -280,16 +281,17 @@ export const ViewOptionsModal = (props: Props) => {
                         }
                   }
                 />
+                <div className="border-bottom mt-3" style={{ margin: '0 -1.25em' }}></div>
                 <div>
                   <button
                     disabled={deleteState || viewMutations.removeViewMutation.isPending || selectedViewDelete === null}
                     onClick={handleDeleteView}
-                    className="btn btn-danger px-2 mt-4 mb-1 float-end"
+                    className="btn btn-danger px-2 mt-3 mb-1 float-end"
                   >
                     <i className="bi bi-trash"></i> {viewMutations.removeViewMutation.isPending ? 'Removing...' : 'Remove'}
                   </button>
                   <button
-                    className="btn btn-outline-dark me-1 mt-4 mb-1 float-end"
+                    className="btn btn-outline-dark me-1 mt-3 mb-1 float-end"
                     onClick={() => {
                       onHide();
                     }}
diff --git a/web/src/components/modals/standardize-metadata.tsx b/web/src/components/modals/standardize-metadata.tsx
index 1c1cb4e7..c123b010 100644
--- a/web/src/components/modals/standardize-metadata.tsx
+++ b/web/src/components/modals/standardize-metadata.tsx
@@ -170,8 +170,7 @@ export const StandardizeMetadataModal = (props: Props) => {
           >
             <i className="bi bi-x-lg"></i>
           </button>
-          <div className="border-bottom mt-3" style={{ margin: '0 -1.25em' }}></div>
-          <p className='text-sm my-3'>
+          <p className='text-sm mt-1 mb-3'>
             Use the metadata standardizer powered by BEDmess to bring consistency across metadata columns in all of
             your projects. After choosing a standardizer schema below, compare predicted suggestions (confidence indicated in parenthesis) and choose whether
             to keep or discard them. Column contents are not modified by the standardizer.