refactor: simplify css code

Signed-off-by: Stefan Dej <[email protected]>
mainsail-crew · May 27, 2024 · 93dfaf7 · 93dfaf7
1 parent a494ee6
commit 93dfaf7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/components/panels/Miscellaneous/MoonrakerSensor.vue b/src/components/panels/Miscellaneous/MoonrakerSensor.vue
@@ -2,7 +2,7 @@
     <v-container class="px-0 py-2">
         <v-row>
             <v-col class="pb-3">
-                <v-subheader class="font-weight-bold mb-1 d-block _moonraker-sensor-subheader">
+                <v-subheader class="mb-1 d-block _moonraker-sensor-subheader">
                     {{ convertName(name) }}
                 </v-subheader>
                 <v-subheader class="d-block _moonraker-sensor-subheader">

diff --git a/src/components/panels/Miscellaneous/MoonrakerSensorValue.vue b/src/components/panels/Miscellaneous/MoonrakerSensorValue.vue
@@ -1,10 +1,8 @@
 <template>
-    <div class="d-flex w-100">
-        <span class="text-left flex-grow-1">
-            <v-icon small left>{{ symbol }}</v-icon>
-            {{ name }}:
-        </span>
-        <span class="text-right flex-shrink-1">{{ output }}</span>
+    <div class="d-flex w-100 flex-row align-center">
+        <v-icon small left>{{ symbol }}</v-icon>
+        <span class="flex-grow-1">{{ name }}:</span>
+        <span>{{ output }}</span>
     </div>
 </template>