Merge pull request #36 from cesmii/feature/attribute-information-update

Attribute Info Icon Improvement
cesmii · Jun 3, 2024 · 671ff6a · 671ff6a
2 parents 1f2b6d5 + f5e1608
commit 671ff6a
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/frontend/components/attribute-table.vue b/frontend/components/attribute-table.vue
@@ -22,11 +22,16 @@
 
       <tbody>
         <tr v-for="attr in attributes" :key="attr.id">
-          <td>
-            {{attr.displayName}}
+          <td class="d-flex align-center ga-2">
+            <span>{{attr.displayName}}</span>
             <v-tooltip v-if="attr.description" :text="attr.description" location="top">
               <template #activator="{props}">
-                <v-btn icon="mdi-information-variant" class="rounded ml-2" size="1.25rem" color="info" v-bind="props"/>
+                <v-icon
+                  icon="mdi-information-outline"
+                  class="cursor-help text-medium-emphasis"
+                  size="1.25rem"
+                  v-bind="props"
+                />
               </template>
             </v-tooltip>
           </td>