small ui updates (#5762)

opencrvs · Aug 15, 2023 · f1eea82 · f1eea82
1 parent 5f6e1bb
commit f1eea82
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 7 deletions.
diff --git a/packages/client/src/views/RegisterForm/RegisterForm.tsx b/packages/client/src/views/RegisterForm/RegisterForm.tsx
@@ -442,7 +442,7 @@ function FormAppBar({
                   <Button
                     id="save-exit-btn"
                     type="primary"
-                    size="medium"
+                    size="small"
                     onClick={handleSaveAndExit}
                   >
                     <Icon name="DownloadSimple" />
@@ -452,7 +452,7 @@ function FormAppBar({
                 <Button
                   id="exit-btn"
                   type="secondary"
-                  size="medium"
+                  size="small"
                   onClick={handleExit}
                 >
                   <Icon name="X" />
@@ -511,13 +511,13 @@ function FormAppBar({
                 <Button
                   id="save-exit-btn"
                   type="primary"
-                  size="medium"
+                  size="small"
                   onClick={handleSaveAndExit}
                 >
                   <Icon name="DownloadSimple" />
                   {intl.formatMessage(buttonMessages.saveExitButton)}
                 </Button>
-                <Button type="secondary" size="medium" onClick={handleExit}>
+                <Button type="secondary" size="small" onClick={handleExit}>
                   <Icon name="X" />
                   {intl.formatMessage(buttonMessages.exitButton)}
                 </Button>

diff --git a/packages/client/src/views/SelectVitalEvent/SelectVitalEvent.tsx b/packages/client/src/views/SelectVitalEvent/SelectVitalEvent.tsx
@@ -96,7 +96,7 @@ class SelectVitalEventView extends React.Component<
               <Button
                 id="goBack"
                 type="secondary"
-                size="medium"
+                size="small"
                 onClick={this.props.goToHome}
               >
                 <Icon name="X" />

diff --git a/packages/components/src/BulletList/BulletList.tsx b/packages/components/src/BulletList/BulletList.tsx
@@ -21,6 +21,7 @@ export interface BulletListProps {
 
 const List = styled.ul`
   list-style-type: disc;
+  padding-inline-start: 24px;
 `
 const ListItem = styled.li`
   margin-bottom: 12px;

diff --git a/packages/components/src/Content/Content.tsx b/packages/components/src/Content/Content.tsx
@@ -66,7 +66,7 @@ export const Body = styled.div`
 `
 const Footer = styled.div`
   display: flex;
-  padding: 24px 20px;
+  padding: 24px;
   @media (max-width: ${({ theme }) => theme.grid.breakpoints.md}px) {
     padding: 16px;
   }
@@ -149,7 +149,7 @@ const Icon = styled.div`
 `
 
 const Contents = styled.div<{ noPadding?: boolean }>`
-  padding: ${(props) => (props.noPadding ? 0 : '16px 20px')};
+  padding: ${(props) => (props.noPadding ? 0 : '24px')};
   @media (max-width: ${({ theme }) => theme.grid.breakpoints.md}px) {
     padding: ${(props) => (props.noPadding ? 0 : '16px')};
   }