From 155cd0e9a8ba4aa92aa428e8ec6964f4ee40dfb8 Mon Sep 17 00:00:00 2001
From: Aditya Patel <heyadityapatel@gmail.com>
Date: Tue, 30 Jan 2024 14:08:20 -0500
Subject: [PATCH] fix button card style

---
 src/theme/variables.css  | 18 ++++++++----------
 src/views/FindGroups.vue |  2 +-
 src/views/Parking.vue    |  2 +-
 3 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/theme/variables.css b/src/theme/variables.css
index 0a246529..bf37e049 100644
--- a/src/theme/variables.css
+++ b/src/theme/variables.css
@@ -243,15 +243,6 @@ http://ionicframework.com/docs/theming/ */
 
     --ion-card-background: #1e1e1e;
   }
-
-  .overline {
-    font-weight: 500 !important;
-    font-size: 10px !important;
-    line-height: 16px !important;
-    letter-spacing: 1.5px;
-    color: #666;
-    text-transform: uppercase !important;
-  }
 }
 
 @media (prefers-color-scheme: dark) {
@@ -402,4 +393,11 @@ hr {
   .mobile-only {
     display: none;
   }
-}
+
+  .button-card {
+    display: grid;
+    place-items: center;
+    align-self: stretch;
+  }
+
+}
\ No newline at end of file
diff --git a/src/views/FindGroups.vue b/src/views/FindGroups.vue
index 0aa28157..1e01ed6d 100644
--- a/src/views/FindGroups.vue
+++ b/src/views/FindGroups.vue
@@ -51,7 +51,7 @@
               <ion-label>{{ group.description }}</ion-label>
             </ion-item>
           </ion-card> 
-          <ion-card>
+          <ion-card class="button-card">
             <ion-button color="medium" fill="clear" @click="openCreateFacilityGroupModal()">
               <ion-icon :icon="addOutline" slot="start"/>
               {{ translate('Create group') }}
diff --git a/src/views/Parking.vue b/src/views/Parking.vue
index a39c0b6e..88a1e985 100644
--- a/src/views/Parking.vue
+++ b/src/views/Parking.vue
@@ -46,7 +46,7 @@
             <ion-label>{{ facility.description }}</ion-label>
           </ion-item>
         </ion-card> 
-        <ion-card>
+        <ion-card class="button-card">
           <ion-button color="medium" fill="clear" @click="openCreateVirtualFacilityModal()">
             <ion-icon :icon="addOutline" slot="start"/>
             {{ translate('Add new parking') }}