webapp: avoid inline style in inverter channel info card

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') }}

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;
+}