chore(settings): fix schedule confirmation dialog style

AXeL-dev · Feb 27, 2022 · d8c9a1c · d8c9a1c
1 parent 01a5ece
commit d8c9a1c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/Settings/index.jsx b/src/components/Settings/index.jsx
@@ -961,8 +961,11 @@ export class Settings extends Component {
           confirmLabel={translate('confirm')}
           onConfirm={this.applyScheduleSettings}
           hasHeader={false}
-          topOffset="24vmin"
           shouldCloseOnOverlayClick={false}
+          topOffset="24vmin"
+          minHeightContent="auto"
+          contentContainerProps={{ padding: 16 }}
+          containerProps={{ className: 'schedule-dialog' }}
         >
           {translate('confirmApplyScheduleSettings')}
         </Dialog>

diff --git a/src/components/Settings/styles.scss b/src/components/Settings/styles.scss
@@ -51,3 +51,10 @@
     color: #333;
   }
 }
+
+.schedule-dialog {
+  > div:last-child {
+    border-top: 1px solid rgb(237, 240, 242);
+    padding: 16px;
+  }
+}