Figma: Refactor CSS files in src/components/AgendaCategory

src/components/AgendaCategory/AgendaCategoryContainer.tsx

@@ -10,7 +10,7 @@ import {
   UPDATE_AGENDA_ITEM_CATEGORY_MUTATION,
 } from 'GraphQl/Mutations/mutations';
 import type { InterfaceAgendaItemCategoryInfo } from 'utils/interfaces';
-import styles from './AgendaCategoryContainer.module.css';
+import styles from '../../style/app.module.css';
 
 import AgendaCategoryDeleteModal from 'components/OrgSettings/AgendaItemCategories/AgendaCategoryDeleteModal';
 import AgendaCategoryPreviewModal from 'components/OrgSettings/AgendaItemCategories/AgendaCategoryPreviewModal';

src/style/app.module.css

@@ -216,6 +216,7 @@
   --input-area-color: #f1f3f6;
   --date-picker-background: #f2f2f2;
   --grey-bg-color-dark: #707070;
+  --grey-bg-color-agenda-category: #4b5563;
   --dropdown-border-color: #cccccc;
   --primary-border-solid: 1px solid var(--dropdown-border-color);
   --disabled-btn: #e7f0fe;
@@ -9143,3 +9144,43 @@ button[data-testid='createPostBtn'] {
   justify-content: center;
   align-items: center;
 }
+
+/* AgendaCategory.tsx */
+
+.createModalAgendaCategory {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  max-width: 80vw;
+
+  @media (max-width: 768px) {
+    max-width: 95vw;
+  }
+}
+
+.titlemodalAgendaCategory {
+  color: var(--grey-bg-color-agenda-category);
+  font-weight: 600;
+  font-size: 20px;
+  margin-bottom: 20px;
+  padding-bottom: 5px;
+  border-bottom: 3px solid var(--bs-primary);
+  width: 65%;
+}
+
+.agenda-category-options-button {
+  width: 1.5rem;
+  height: 1.5rem;
+  cursor: pointer;
+  transition: transform 0.2s ease;
+}
+
+.agenda-category-options-button:hover {
+  transform: scale(1.1);
+}
+
+.agenda-category-options-button:focus-visible {
+  outline: 2px solid var(--light-blue);
+  outline-offset: 2px;
+}