From 0aba1595dfa99d69181765fba163c25d0d404b1c Mon Sep 17 00:00:00 2001
From: Bernhard Kirchen <schlimmchen@posteo.net>
Date: Sat, 26 Oct 2024 22:32:05 +0200
Subject: [PATCH] webapp: avoid inline style in inverter channel info card

---
 webapp/src/components/InverterChannelInfo.vue | 3 +--
 webapp/src/scss/styles.scss                   | 6 ++++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/InverterChannelInfo.vue b/webapp/src/components/InverterChannelInfo.vue
index 00b514b42..359d20738 100644
--- a/webapp/src/components/InverterChannelInfo.vue
+++ b/webapp/src/components/InverterChannelInfo.vue
@@ -1,11 +1,10 @@
 <template>
     <div
-        class="card"
+        class="card card-table"
         :class="{
             'border-info': channelType == 'AC',
             'border-secondary': channelType == 'INV',
         }"
-        style="overflow: hidden"
     >
         <div v-if="channelType == 'INV'" class="card-header text-bg-secondary">
             {{ $t('inverterchannelinfo.General') }}
diff --git a/webapp/src/scss/styles.scss b/webapp/src/scss/styles.scss
index b1b3a6b13..77f162a36 100644
--- a/webapp/src/scss/styles.scss
+++ b/webapp/src/scss/styles.scss
@@ -20,3 +20,9 @@ table.table tr:last-child td {
 table.table {
     margin-bottom: 0;
 }
+
+div.card.card-table {
+    // prevent tables in cards from
+    // messing up the bottom corner radii
+    overflow: hidden;
+}