From e294a80fa6d0b02cea573548e1c5ed9225baeb58 Mon Sep 17 00:00:00 2001
From: Tom Caiger <caigertom@gmail.com>
Date: Mon, 4 Nov 2024 16:16:13 +1300
Subject: [PATCH] tweak styles

---
 .../features/Dashboard/ExportDashboard/ExportConfig.tsx   | 8 ++++----
 .../features/ExportSettings/ExportDescriptionInput.tsx    | 6 +++---
 .../src/features/ExportSettings/ExportSettingLabel.tsx    | 2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/tupaia-web/src/features/Dashboard/ExportDashboard/ExportConfig.tsx b/packages/tupaia-web/src/features/Dashboard/ExportDashboard/ExportConfig.tsx
index 693fb0f44c..258dc2ea9c 100644
--- 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
index 3673ac5f59..34734cab9f 100644
--- 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
index c1fef2c0b8..c6217b151e 100644
--- 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};
 `;