style: update SettingsDialog styles and button text

atyrode · atyrode · commit fb032c3f20f9 · 2025-05-02T08:02:11.000Z
- Removed margin-bottom from the setting class in SettingsDialog.scss for improved layout consistency.
- Changed button text from "Yes, Restore" to "I'm sure" in SettingsDialog.tsx for clearer user confirmation.
diff --git a/src/frontend/src/ui/SettingsDialog.scss b/src/frontend/src/ui/SettingsDialog.scss
@@ -42,7 +42,6 @@
   }
 
   &__setting {
-    margin-bottom: 1rem;
     padding: 0.5rem;
     border-radius: 4px;
     background-color: var(--dialog-bg-color);
diff --git a/src/frontend/src/ui/SettingsDialog.tsx b/src/frontend/src/ui/SettingsDialog.tsx
@@ -147,7 +147,7 @@ const SettingsDialog: React.FC<SettingsDialogProps> = ({
                 onClick={handleRestoreTutorialCanvas}
                 disabled={isRestoring}
               >
-                {isRestoring ? "Restoring..." : "Yes, Restore"}
+                {isRestoring ? "Restoring..." : "I'm sure"}
               </button>
               <button 
                 className="settings-dialog__button settings-dialog__button--cancel" 

Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,6 @@`
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`&__setting {`
`45`		`- margin-bottom: 1rem;`
`46`	`45`	`padding: 0.5rem;`
`47`	`46`	`border-radius: 4px;`
`48`	`47`	`background-color: var(--dialog-bg-color);`
Original file line number	Diff line number	Diff line change
`@@ -147,7 +147,7 @@ const SettingsDialog: React.FC<SettingsDialogProps> = ({`
`147`	`147`	`onClick={handleRestoreTutorialCanvas}`
`148`	`148`	`disabled={isRestoring}`
`149`	`149`	`>`
`150`		`- {isRestoring ? "Restoring..." : "Yes, Restore"}`
	`150`	`+ {isRestoring ? "Restoring..." : "I'm sure"}`
`151`	`151`	`</button>`
`152`	`152`	`<button`
`153`	`153`	`className="settings-dialog__button settings-dialog__button--cancel"`