Adjusting filter panel

Author: GuidoBR

frontend/src/pages/Reports/components/FilterPanel/FilterPanel.scss

@@ -7,7 +7,7 @@
   background-color: white;
 
   &__title {
-    font-size: 1.5rem;
+    font-size: 1.25rem;
     font-weight: 600;
     margin: 0 0 1.5rem;
     color: var(--ion-text-color);
@@ -26,21 +26,28 @@
   }
 
   &__category-container {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.75rem;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 0.5rem;
+    width: 100%;
   }
 
   &__category-button {
     background-color: white;
-    border: 1px solid #e0e0e0;
+    border: 1px solid #838B94;
     border-radius: 8px;
-    padding: 0.75rem 1.25rem;
+    padding: 0.75rem 0.5rem;
     font-size: 14px;
     font-weight: 500;
     color: var(--ion-color-medium);
     transition: all 0.2s ease;
     cursor: pointer;
+    text-align: center;
+    width: 100%;
+    height: 41px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 
     &--selected {
       background-color: #313E4C;
@@ -51,6 +58,7 @@
 
   &__actions {
     padding-bottom: env(safe-area-inset-bottom);
+    margin-top: auto;
   }
 
   &__apply-button {
@@ -59,8 +67,10 @@
     height: 48px;
     font-weight: 600;
     margin: 0;
-    --border-radius: 8px;
+    --border-radius: 12px;
     text-transform: none;
     font-size: 16px;
+    letter-spacing: 0;
+    box-shadow: none;
   }
 }