style:rwsponsive updates

zimmerman-team · Oct 29, 2024 · 7a775a5 · 7a775a5
1 parent 1b5cb41
commit 7a775a5
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/src/app/components/Dialogs/deleteChartDialog.tsx b/src/app/components/Dialogs/deleteChartDialog.tsx
@@ -26,7 +26,7 @@ export const useStyles = makeStyles(() =>
       borderRadius: "10px",
       paddingRight: "2rem",
       position: "relative",
-      paddingLeft: "3.5rem",
+      paddingLeft: "3rem",
       backgroundColor: "#fff",
       boxShadow:
         "0px 14.8787px 22.318px rgba(0, 0, 0, 0.05), 0px 4.4636px 7.43933px rgba(0, 0, 0, 0.05), 0px 0.743933px 7.43933px rgba(0, 0, 0, 0.05)",

diff --git a/src/app/components/Dialogs/deleteDatasetDialog.tsx b/src/app/components/Dialogs/deleteDatasetDialog.tsx
@@ -27,12 +27,12 @@ const useStyles = makeStyles(() =>
       width: 646,
       borderRadius: "10px",
       position: "relative",
-      padding: "2.5rem 2.5rem 2.5rem 4.5rem",
+      padding: "2.5rem 2.5rem 2.5rem 3.5rem",
       backgroundColor: "#fff",
       boxShadow:
         "0px 14.8787px 22.318px rgba(0, 0, 0, 0.05), 0px 4.4636px 7.43933px rgba(0, 0, 0, 0.05), 0px 0.743933px 7.43933px rgba(0, 0, 0, 0.05)",
-      "@media (max-width: 577px)": {
-        width: "90%",
+      "@media (max-width: 650px)": {
+        width: "80%",
       },
     },
   })
@@ -74,11 +74,12 @@ export default function DeleteDatasetDialog(props: Props) {
             <form
               onSubmit={() => props.handleDelete(props.cardId)}
               data-cy="delete-dataset-item-form"
-              // css={`
-              //   width: 80%;
-              // `}
             >
-              <div>
+              <div
+                css={`
+                  width: 80%;
+                `}
+              >
                 <IconButton
                   onClick={() => props.setModalDisplay(false)}
                   css={`

diff --git a/src/app/components/Dialogs/logOutDialog.tsx b/src/app/components/Dialogs/logOutDialog.tsx
@@ -59,15 +59,14 @@ export default function LogOutDialog(props: Props) {
           <div
             css={`
               width: 80%;
-              position: relative;
             `}
           >
             <IconButton
               onClick={() => props.setModalDisplay(false)}
               css={`
                 position: absolute;
-                right: -93px;
-                top: -16px;
+                right: 8px;
+                top: 6px;
                 color: #231d2c;
               `}
             >