webapp: avoid inline style for inverter channel info value

tbnobody · Nov 1, 2024 · 94cecc2 · 94cecc2
1 parent 866b539
commit 94cecc2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git 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
@@ -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;
+}