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

@@ -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">

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