From be5beb72b18eaaa781ddbe5dea3ca141131cbbfd Mon Sep 17 00:00:00 2001
From: Devender Singh <devendersingh2k@gmail.com>
Date: Tue, 3 Dec 2024 15:11:53 +0530
Subject: [PATCH] refactored OrganizationDashboard css/ closes #2513

---
 .../OrganizationDashboard.module.css          | 35 ------------------
 .../OrganizationDashboard.tsx                 |  2 +-
 src/style/app.module.css                      | 36 +++++++++++++++++++
 3 files changed, 37 insertions(+), 36 deletions(-)
 delete mode 100644 src/screens/OrganizationDashboard/OrganizationDashboard.module.css

diff --git a/src/screens/OrganizationDashboard/OrganizationDashboard.module.css b/src/screens/OrganizationDashboard/OrganizationDashboard.module.css
deleted file mode 100644
index 3ffe274196..0000000000
--- a/src/screens/OrganizationDashboard/OrganizationDashboard.module.css
+++ /dev/null
@@ -1,35 +0,0 @@
-.cardHeader {
-  padding: 1.25rem 1rem 1rem 1rem;
-  border-bottom: 1px solid var(--bs-gray-200);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 10px;
-}
-
-.cardHeader .cardTitle {
-  font-size: 1.2rem;
-  font-weight: 600;
-}
-
-.cardBody {
-  min-height: 180px;
-  padding-top: 0;
-  max-height: 570px;
-  overflow-y: scroll;
-  width: 100%;
-  max-width: 400px;
-}
-
-.cardBody .emptyContainer {
-  display: flex;
-  height: 180px;
-  justify-content: center;
-  align-items: center;
-}
-
-.rankings {
-  aspect-ratio: 1;
-  border-radius: 50%;
-  width: 35px;
-}
diff --git a/src/screens/OrganizationDashboard/OrganizationDashboard.tsx b/src/screens/OrganizationDashboard/OrganizationDashboard.tsx
index ebea874d2e..11ed590e2b 100644
--- a/src/screens/OrganizationDashboard/OrganizationDashboard.tsx
+++ b/src/screens/OrganizationDashboard/OrganizationDashboard.tsx
@@ -31,7 +31,7 @@ import type {
   InterfaceQueryOrganizationsListObject,
   InterfaceVolunteerRank,
 } from 'utils/interfaces';
-import styles from './OrganizationDashboard.module.css';
+import styles from '../../../src/style/app.module.css';
 import { VOLUNTEER_RANKING } from 'GraphQl/Queries/EventVolunteerQueries';
 
 /**
diff --git a/src/style/app.module.css b/src/style/app.module.css
index eb6f370861..5cc2b449f9 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -556,6 +556,42 @@ hr {
   flex-direction: column;
 }
 
+.cardHeader {
+  padding: 1.25rem 1rem 1rem 1rem;
+  border-bottom: 1px solid var(--bs-gray-200);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.cardHeader .cardTitle {
+  font-size: 1.2rem;
+  font-weight: 600;
+}
+
+.cardBody {
+  min-height: 180px;
+  padding-top: 0;
+  max-height: 570px;
+  overflow-y: scroll;
+  width: 100%;
+  max-width: 400px;
+}
+
+.cardBody .emptyContainer {
+  display: flex;
+  height: 180px;
+  justify-content: center;
+  align-items: center;
+}
+
+.cardBody .rankings {
+  aspect-ratio: 1;
+  border-radius: 50%;
+  width: 35px;
+}
+
 @media (max-width: 1020px) {
   .btnsContainer {
     flex-direction: column;