fix button card style

hotwax · Jan 30, 2024 · 155cd0e · 155cd0e
1 parent 2bbc4a8
commit 155cd0e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 12 deletions.
diff --git 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;
+  }
+
+}
diff --git 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
@@ -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') }}