patrick/OpenDTU
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

webapp: remove table's bottom margin

Browse Source 
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.
This commit is contained in:
Bernhard Kirchen 2024-10-25 22:15:40 +02:00 committed by Thomas Basler
parent d06ea51c7a
commit d3eabc3311
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webapp/src/components/InverterChannelInfo.vue
View File

@ -21,7 +21,7 @@
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-striped table-hover" style="margin: 0"> <table class="table table-striped table-hover">
<tbody> <tbody>
<tr v-for="(property, key) in channelData" :key="`prop-${key}`"> <tr v-for="(property, key) in channelData" :key="`prop-${key}`">
<template v-if="key != 'name' && property"> <template v-if="key != 'name' && property">

4
webapp/src/scss/styles.scss
View File

@ -16,3 +16,7 @@ table.table tr:last-child th,
table.table tr:last-child td { table.table tr:last-child td {
border-bottom: 0; border-bottom: 0;
} }
table.table {
margin-bottom: 0;
}