From d3eabc33118849886ee21e5e6689e4bd8cfe59af Mon Sep 17 00:00:00 2001
From: Bernhard Kirchen <schlimmchen@posteo.net>
Date: Fri, 25 Oct 2024 22:15:40 +0200
Subject: [PATCH] webapp: remove table's bottom margin

we don't need a margin at the bottom of tables in general. not sure why
this is even a thing in bootstrap. this change, in particular, makes the
space between a table and a parent card symmetric on all sides.
---
 webapp/src/components/InverterChannelInfo.vue | 2 +-
 webapp/src/scss/styles.scss                   | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/webapp/src/components/InverterChannelInfo.vue b/webapp/src/components/InverterChannelInfo.vue
index 94dbc57af..00b514b42 100644
--- a/webapp/src/components/InverterChannelInfo.vue
+++ b/webapp/src/components/InverterChannelInfo.vue
@@ -21,7 +21,7 @@
         </div>
 
         <div class="table-responsive">
-            <table class="table table-striped table-hover" style="margin: 0">
+            <table class="table table-striped table-hover">
                 <tbody>
                     <tr v-for="(property, key) in channelData" :key="`prop-${key}`">
                         <template v-if="key != 'name' && property">
diff --git a/webapp/src/scss/styles.scss b/webapp/src/scss/styles.scss
index fb6b75857..b1b3a6b13 100644
--- a/webapp/src/scss/styles.scss
+++ b/webapp/src/scss/styles.scss
@@ -16,3 +16,7 @@ table.table tr:last-child th,
 table.table tr:last-child td {
     border-bottom: 0;
 }
+
+table.table {
+    margin-bottom: 0;
+}