Refactored CSS in src/screens/OrganizationEvents/OrganizationEvents.tsx

PalisadoesFoundation · Dec 28, 2024 · 018f741 · 018f741
1 parent 6b62392
commit 018f741
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 22 deletions.
diff --git a/src/screens/OrganizationEvents/OrganizationEvents.tsx b/src/screens/OrganizationEvents/OrganizationEvents.tsx
@@ -287,7 +287,7 @@ function organizationEvents(): JSX.Element {
           <Button
             variant="danger"
             onClick={hideCreateEventModal}
-            className={styles.closeButtonOrganizationEvents}
+            className={styles.closeButton}
             data-testid="createEventModalCloseBtn"
           >
             <i className="fa fa-times"></i>

diff --git a/src/style/app.module.css b/src/style/app.module.css
@@ -153,20 +153,6 @@
   outline: none !important;
 }
 
-.closeButtonOrganizationEvents {
-  margin-bottom: 10px;
-  color: var(--delete-button-color);
-  margin-right: 5px;
-  background-color: var(--delete-button-bg);
-  border: white;
-}
-
-.closeButtonOrganizationEvents:hover {
-  color: var(--delete-button-bg) !important;
-  background-color: var(--delete-button-color) !important;
-  border: white;
-}
-
 .modalContent {
   width: var(--modal-width);
   max-width: var(--modal-max-width);
@@ -954,10 +940,9 @@ hr {
 }
 
 .createButtonOrganizationEvents {
-  background-color: #a8c7fa !important;
+  background-color: var(--search-button-bg) !important;
   color: black !important;
-  margin: 1rem 0 0;
-  margin-top: 15px;
+  margin: 15px 0 0;
   padding: 10px 10px;
   border-radius: 5px;
   font-size: 16px;
@@ -968,13 +953,13 @@ hr {
     transform 0.2s,
     box-shadow 0.2s;
   width: 100%;
-  border: 1px solid var(--dropdown-border-color);
+  border: 1px solid var(--search-button-border);
 }
 
 .createButtonOrganizationEvents:hover {
-  background-color: #286fe0 !important;
-  color: black !important;
-  border: 1px solid var(--dropdown-border-color) !important;
+  background-color: var(--bs-primary) !important;
+  color: white !important;
+  border: 1px solid var(--search-button-border) !important;
 }
 
 .time {