padding tweaks #209

ruuvi · Aug 20, 2024 · 3f3b43d · 3f3b43d
1 parent dadb9c7
commit 3f3b43d
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/RDialog.js b/src/components/RDialog.js
@@ -15,7 +15,7 @@ export default function RDialog(props) {
         <>
             <Modal isOpen={props.isOpen} onClose={props.onClose} size={props.size || "xl"} >
                 <ModalOverlay />
-                <ModalContent>
+                <ModalContent marginRight={4} marginLeft={4}>
                     <ModalHeader style={{ marginTop: 15, marginRight: 40 }}>{props.title}</ModalHeader>
                     <ModalCloseButton style={{ margin: 15 }}>
                         <IconButton isRound={true} className="navButton" variant="nav"><MdClose /></IconButton>

diff --git a/src/states/SensorCompare.js b/src/states/SensorCompare.js
@@ -133,7 +133,7 @@ function SensorCompare(props) {
                 {i18next.t("compare_subtitle")}
             </p>
             <br />
-            <Box className='contentImportant' borderRadius={8} width="100%" padding={{ base: "5px", md: "40px" }}>
+            <Box className='contentImportant' borderRadius={8} width="100%" padding={{ base: "24px", md: "40px" }}>
                 <Box mb={8} style={descriptionStyle}>
                     {i18next.t("compare_description")}
                 </Box>

diff --git a/src/states/ShareCenter.js b/src/states/ShareCenter.js
@@ -221,7 +221,7 @@ const ShareCenter = () => {
                 </center>
                 :
                 <>
-                    <Box className='contentImportant' borderRadius={8} width="100%" padding={{ base: "5px", md: "40px" }}>
+                    <Box className='contentImportant' borderRadius={8} width="100%" padding={{ base: "24px", md: "40px" }}>
                         <Box mb={8} style={descriptionStyle}>
                             {i18next.t("share_center_description")}
                         </Box>