VUU80: Give dialog body padding responsibility to Dialog component

ScottLogic · Nov 9, 2023 · 03fb3cd · 03fb3cd
1 parent 1580365
commit 03fb3cd
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/vuu-ui/packages/vuu-popups/src/dialog/Dialog.css b/vuu-ui/packages/vuu-popups/src/dialog/Dialog.css
@@ -8,3 +8,7 @@
   width: var(--vuuDialog-width, fit-content);
 }
 
+.vuuDialog-body {
+  padding-top: 16px;
+}
+
diff --git a/vuu-ui/packages/vuu-popups/src/dialog/Dialog.tsx b/vuu-ui/packages/vuu-popups/src/dialog/Dialog.tsx
@@ -42,7 +42,7 @@ export const Dialog = ({
             onClose={close}
             title={title}
           />
-          {children}
+          <div className={`${classBase}-body`}>{children}</div>
         </div>
       </Scrim>
     </Portal>

diff --git a/vuu-ui/packages/vuu-shell/src/layout-management/SaveLayoutPanel.css b/vuu-ui/packages/vuu-shell/src/layout-management/SaveLayoutPanel.css
@@ -19,8 +19,6 @@
   display: flex;
   align-items: flex-start;
   gap: 32px;
-  padding-top: 16px;
-  padding-bottom: 16px;
 }
 
 .saveLayoutPanel-formContainer {
@@ -85,7 +83,7 @@
   justify-content: flex-end;
   align-items: flex-start;
   align-self: stretch;
-  padding-top: 8px;
+  padding-top: 24px;
   gap: 8px;
 }