tweak styles

beyondessential · Nov 4, 2024 · e294a80 · e294a80
1 parent 10ceb6d
commit e294a80
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/packages/tupaia-web/src/features/Dashboard/ExportDashboard/ExportConfig.tsx b/packages/tupaia-web/src/features/Dashboard/ExportDashboard/ExportConfig.tsx
@@ -22,7 +22,7 @@ import { Preview } from './Preview';
 import { ExportDescriptionInput } from '../../ExportSettings/ExportDescriptionInput';
 
 const ButtonGroup = styled.div`
-  padding-top: 2.5rem;
+  padding: 1rem 0;
   width: 100%;
   display: flex;
   justify-content: flex-end;
@@ -32,7 +32,7 @@ const Wrapper = styled.div`
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-  width 100%;
+  width: 100%;
   align-items: start;
   section + section {
     margin-top: 1.5rem;
@@ -105,9 +105,9 @@ const ExportSettingsInstructionsContainer = styled.div`
 `;
 
 const ExportSettingsWrapper = styled.div`
-  padding-block-end: 2rem;
+  padding-block-end: 0.8rem;
   & + & {
-    padding-block-start: 1.5rem;
+    padding-block-start: 1rem;
     border-top: 0.1rem solid ${({ theme }) => theme.palette.text.secondary};
   }
   &:last-child {

diff --git a/packages/tupaia-web/src/features/ExportSettings/ExportDescriptionInput.tsx b/packages/tupaia-web/src/features/ExportSettings/ExportDescriptionInput.tsx
@@ -17,7 +17,7 @@ const Wrapper = styled.div`
 const ExportDescriptionInputArea = styled((props: OutlinedTextFieldProps) => (
   <TextField {...props} />
 ))`
-  margin-block-start: 1rem;
+  margin-block-start: 0.6rem;
 
   .MuiInputBase-root {
     border: 1px solid ${({ theme }) => theme.palette.text.secondary};
@@ -44,7 +44,7 @@ const ExportDescription = styled.div<{
   display: flex;
   align-self: end;
   justify-content: space-between;
-  margin-top: 0.313rem;
+  margin-top: 0.3rem;
   color: ${({ error, theme }) => (error ? theme.palette.error.main : theme.palette.text.secondary)};
   font-size: 0.75rem;
 `;
@@ -61,7 +61,7 @@ export const ExportDescriptionInput = () => {
       <ExportDescriptionInputArea
         id="description"
         multiline
-        rows={6}
+        rows={4}
         value={exportDescription}
         onChange={updateExportDescription}
         variant="outlined"

diff --git a/packages/tupaia-web/src/features/ExportSettings/ExportSettingLabel.tsx b/packages/tupaia-web/src/features/ExportSettings/ExportSettingLabel.tsx
@@ -9,6 +9,6 @@ import styled from 'styled-components';
 export const ExportSettingLabel = styled(Typography)`
   color: ${({ theme }) => theme.palette.text.primary};
   padding-inline-start: 0;
-  font-size: 1.125rem;
+  font-size: 1rem;
   font-weight: ${({ theme }) => theme.typography.fontWeightMedium};
 `;