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.
tbnobody · Nov 1, 2024 · d3eabc3 · d3eabc3
1 parent d06ea51
commit d3eabc3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git 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
@@ -16,3 +16,7 @@ table.table tr:last-child th,
 table.table tr:last-child td {
     border-bottom: 0;
 }
+
+table.table {
+    margin-bottom: 0;
+}