From 6ea003a9a1d60be8d27108f4e26b7b2ecf1e8819 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Thu, 20 Jun 2024 10:47:59 +0530
Subject: [PATCH] Styling

---
 .../new/photos/components/DevSettings.tsx      | 18 ++++--------------
 1 file changed, 4 insertions(+), 14 deletions(-)

diff --git a/web/packages/new/photos/components/DevSettings.tsx b/web/packages/new/photos/components/DevSettings.tsx
index 826dab11b3..8c7d9356fe 100644
--- a/web/packages/new/photos/components/DevSettings.tsx
+++ b/web/packages/new/photos/components/DevSettings.tsx
@@ -1,4 +1,3 @@
-import ArrowForward from "@mui/icons-material/ArrowForward";
 import {
     Button,
     Dialog,
@@ -6,8 +5,8 @@ import {
     DialogContent,
     DialogContentText,
     DialogTitle,
-    styled,
     TextField,
+    styled,
     useMediaQuery,
     type ModalProps,
 } from "@mui/material";
@@ -84,18 +83,16 @@ export const DevSettings: React.FC<DevSettingsProps> = ({ open, onClose }) => {
                         fullWidth
                         disabled={form.isSubmitting}
                         disableRipple
-                        endIcon={<ArrowForward />}
                     >
-                        <ButtonContents>{"Save"}</ButtonContents>
+                        {"Save"}
                     </StyledButton>
                     <StyledButton
                         onClick={onClose}
-                        color="accent"
+                        color="secondary"
                         fullWidth
                         disableRipple
-                        endIcon={<ArrowForward />}
                     >
-                        <ButtonContents>{"Continue"}</ButtonContents>
+                        {"Cancel"}
                     </StyledButton>
                 </DialogActions>
             </form>
@@ -110,10 +107,3 @@ const StyledButton = styled(Button)`
         outline: 1px solid #aaa;
     }
 `;
-
-const ButtonContents = styled("div")`
-    /* Make the button text fill the entire space so the endIcon shows at the
-       trailing edge of the button. */
-    width: 100%;
-    text-align: left;
-`;