From 94cecc23f563fd73ce2d36b520b0e31a7f991861 Mon Sep 17 00:00:00 2001
From: Bernhard Kirchen <schlimmchen@posteo.net>
Date: Sat, 26 Oct 2024 23:23:08 +0200
Subject: [PATCH] webapp: avoid inline style for inverter channel info value

---
 webapp/src/components/InverterChannelInfo.vue | 2 +-
 webapp/src/scss/styles.scss                   | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/webapp/src/components/InverterChannelInfo.vue b/webapp/src/components/InverterChannelInfo.vue
index 359d207..b7ebc27 100644
--- a/webapp/src/components/InverterChannelInfo.vue
+++ b/webapp/src/components/InverterChannelInfo.vue
@@ -25,7 +25,7 @@
                     <tr v-for="(property, key) in channelData" :key="`prop-${key}`">
                         <template v-if="key != 'name' && property">
                             <th scope="row">{{ $t('inverterchannelproperty.' + key) }}</th>
-                            <td style="text-align: right; padding-right: 0">
+                            <td class="value">
                                 {{
                                     $n(property.v, 'decimal', {
                                         minimumFractionDigits: property.d,
diff --git a/webapp/src/scss/styles.scss b/webapp/src/scss/styles.scss
index bdad041..4c468e5 100644
--- a/webapp/src/scss/styles.scss
+++ b/webapp/src/scss/styles.scss
@@ -52,3 +52,8 @@ div.card.card-table div.card-body {
 div.card div.card-body > :last-child {
     margin-bottom: auto !important;
 }
+
+div.card.card-table table .value {
+    text-align: right;
+    padding-right: 0;
+}