From af72fdb2b83f5b4a68542287c4157593693f5dbd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Oliveira?= <josepfo.w@gmail.com>
Date: Wed, 18 Aug 2021 23:05:23 +0100
Subject: [PATCH] fix: title size and spacing

---
 new-lamassu-admin/src/components/Carousel.js          |  5 +++--
 new-lamassu-admin/src/components/InformativeDialog.js | 11 ++++++++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/new-lamassu-admin/src/components/Carousel.js b/new-lamassu-admin/src/components/Carousel.js
index fcb88ff6..8f00b55c 100644
--- a/new-lamassu-admin/src/components/Carousel.js
+++ b/new-lamassu-admin/src/components/Carousel.js
@@ -32,10 +32,11 @@ export const Carousel = memo(({ photosData, slidePhoto }) => {
           style: {
             backgroundColor: 'transparent',
             borderRadius: 0,
-            fontSize: 150
+            width: 50,
+            color: 'transparent',
+            opacity: 1
           }
         }}
-        className={classes.slideButtons}
         autoPlay={false}
         indicators={false}
         navButtonsAlwaysVisible={true}
diff --git a/new-lamassu-admin/src/components/InformativeDialog.js b/new-lamassu-admin/src/components/InformativeDialog.js
index 25b78c38..2e9fddba 100644
--- a/new-lamassu-admin/src/components/InformativeDialog.js
+++ b/new-lamassu-admin/src/components/InformativeDialog.js
@@ -2,7 +2,7 @@ import { Dialog, DialogContent, makeStyles } from '@material-ui/core'
 import React, { memo } from 'react'
 
 import { IconButton } from 'src/components/buttons'
-import { H2 } from 'src/components/typography'
+import { H1 } from 'src/components/typography'
 import { ReactComponent as CloseIcon } from 'src/styling/icons/action/close/zodiac.svg'
 import { spacer } from 'src/styling/variables'
 
@@ -14,7 +14,7 @@ const useStyles = makeStyles({
     justifyContent: 'end'
   },
   title: {
-    margin: [[0, spacer * 2, spacer * 2, spacer * 2 + 4]]
+    margin: [[0, spacer * 2, spacer, spacer * 2 + 4]]
   }
 })
 
@@ -42,6 +42,11 @@ export const InformativeDialog = memo(
 
     return (
       <Dialog
+        PaperProps={{
+          style: {
+            borderRadius: 8
+          }
+        }}
         fullWidth
         open={open}
         aria-labelledby="form-dialog-title"
@@ -51,7 +56,7 @@ export const InformativeDialog = memo(
             <CloseIcon />
           </IconButton>
         </div>
-        <H2 className={classes.title}>{title}</H2>
+        <H1 className={classes.title}>{title}</H1>
         <DialogContent className={classes.dialogContent}>{data}</DialogContent>
       </Dialog>
     )