From 26b68dccefbc4b810dbd35f3fc7c4b96494566ca Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Sat, 27 Mar 2021 13:45:10 +0200
Subject: [PATCH] Fixed style of attribute cards

---
 .../components/attributes/AttributeCard.vue   | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/app/imports/ui/properties/components/attributes/AttributeCard.vue b/app/imports/ui/properties/components/attributes/AttributeCard.vue
index 64ccf08b..5a695e6d 100644
--- a/app/imports/ui/properties/components/attributes/AttributeCard.vue
+++ b/app/imports/ui/properties/components/attributes/AttributeCard.vue
@@ -3,16 +3,14 @@
     :hover="hasClickListener"
     @click="click"
   >
-    <v-card-text>
-      <div class="layout align-center">
-        <div class="value text-h4 mr-1">
-          {{ computedValue }}
-        </div>
-        <div class="name text-truncate">
-          {{ model.name }}
-        </div>
-      </div>
-    </v-card-text>
+    <div class="layout align-center">
+      <v-card-title class="value text-h4">
+        {{ computedValue }}
+      </v-card-title>
+      <v-card-title class="name text-subtitle-1 text-truncate pl-0">
+        {{ model.name }}
+      </v-card-title>
+    </div>
   </v-card>
 </template>
 
@@ -53,6 +51,6 @@
 <style lang="css" scoped>
   .value {
     min-width: 64px;
-    text-align: center;
+    justify-content: center;
   }
 </style>