Merge pull request #155 from UAlberta-CMPUT401/feature/ui-changes

Feature/UI changes
UAlberta-CMPUT401 · Dec 3, 2024 · fae4441 · fae4441
2 parents d286fdd + ac13428
commit fae4441
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/frontend/src/app/pages/CreateEvent/CreateEventDialog.module.css b/frontend/src/app/pages/CreateEvent/CreateEventDialog.module.css
@@ -7,12 +7,12 @@
 
 .dialogCard {
     position: relative;
-    padding: 15px;
+    padding: 10px;
     max-width: 800px;
     width: 100%;
     height: auto;
     overflow: auto;
-    border-radius: 15px;
+    border-radius: 10px;
     background-color: #0000;
 }
 

diff --git a/frontend/src/app/pages/EventDetails/EventDetails.tsx b/frontend/src/app/pages/EventDetails/EventDetails.tsx
@@ -259,9 +259,10 @@ const EventDetails: React.FC = () => {
                                         {signedUp && (
                                             <Typography
                                                 variant="body2"
+                                                color='textSecondary'
                                                 className={styles.centeredFlex}
                                                 gutterBottom
-                                                style={{ fontStyle: 'italic', color: '#ffffff97' }}
+                                                style={{ fontStyle: 'italic'}}
                                                 align='center'
                                             >
                                                 Note: To cancel signup, please contact admin.

diff --git a/frontend/src/app/pages/Overview/Overview.tsx b/frontend/src/app/pages/Overview/Overview.tsx
@@ -149,9 +149,11 @@ const OverviewPage: React.FC = () => {
                                 {signup.notes && (
                                     <Typography
                                         variant="body2"
+                                        color='textSecondary'
                                         className={styles.centeredFlex}
                                         gutterBottom
-                                        style={{ fontStyle: 'italic', color: '#6c757d' }}
+                                        style={{ fontStyle: 'italic'}}
+                                        align='center'
                                     >
                                         Note: {signup.notes}
                                     </Typography>