Fixed padding issue

OneCommunityGlobal · Jul 19, 2024 · 2e31e9d · 2e31e9d
1 parent c45910c
commit 2e31e9d
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 11 deletions.
diff --git a/src/components/Badge/NewBadges.jsx b/src/components/Badge/NewBadges.jsx
@@ -30,7 +30,9 @@ function NewBadges(props) {
 
   return (
     <>
-      <Card style={{ backgroundColor: props.darkMode ? '#3A506B' : '#f6f6f3' }}>
+      <Card
+        style={{ backgroundColor: props.darkMode ? '#3A506B' : '#f6f6f3', padding: '0px 10px' }}
+      >
         <CardBody>
           <CardTitle
             style={{

diff --git a/src/components/Badge/OldBadges.jsx b/src/components/Badge/OldBadges.jsx
@@ -9,6 +9,7 @@ function OldBadges({ personalBestMaxHrs, badges, darkMode }) {
           backgroundColor: darkMode ? '#3A506B' : '#f6f6f3',
           marginTop: 20,
           marginBottom: 20,
+          padding: '0px 10px',
         }}
       >
         <CardBody>

diff --git a/src/components/WeeklySummary/WeeklySummary.jsx b/src/components/WeeklySummary/WeeklySummary.jsx
@@ -825,12 +825,12 @@ export class WeeklySummary extends Component {
                                 </DropdownMenu>
                               </UncontrolledDropdown>
                             )}
-                          <CurrentPromptModal
-                            userRole={userRole}
-                            userId={displayUserId}
-                            darkMode={darkMode}
-                          />
-                          {/* <div style={{ width: '10rem' }}>
+                            <CurrentPromptModal
+                              userRole={userRole}
+                              userId={displayUserId}
+                              darkMode={darkMode}
+                            />
+                            {/* <div style={{ width: '10rem' }}>
                             <CurrentPromptModal
                               userRole={userRole}
                               userId={displayUserId}
@@ -854,10 +854,10 @@ export class WeeklySummary extends Component {
                         errors.summaryBeforeLast ||
                         errors.summaryThreeWeeksAgo ||
                         errors.wordCount) && (
-                          <Alert color="danger">
-                            The summary must contain a minimum of 50 words.
-                          </Alert>
-                        )}
+                        <Alert color="danger">
+                          The summary must contain a minimum of 50 words.
+                        </Alert>
+                      )}
                     </Col>
                   </Row>
                 </TabPane>