From eecd7f7c28dc66d48855120b377ea434eea3bb59 Mon Sep 17 00:00:00 2001
From: Bernhard Kirchen <schlimmchen@posteo.net>
Date: Sat, 26 Oct 2024 22:19:11 +0200
Subject: [PATCH] webapp: optimize spacing on bottom of cards

if the last child in a card (div.card > div.card-body) adds bottom
marging, we don't want the card to add more space through its
padding-bottom. most cards have children that add sufficient space
at the bottom anyways.
---
 webapp/src/scss/styles.scss            | 4 ++++
 webapp/src/views/DtuAdminView.vue      | 4 ++--
 webapp/src/views/InverterAdminView.vue | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/webapp/src/scss/styles.scss b/webapp/src/scss/styles.scss
index b1b454fab..bdad04153 100644
--- a/webapp/src/scss/styles.scss
+++ b/webapp/src/scss/styles.scss
@@ -48,3 +48,7 @@ div.accordion-item.accordion-table div.accordion-body {
 div.card.card-table div.card-body {
     padding: 0;
 }
+
+div.card div.card-body > :last-child {
+    margin-bottom: auto !important;
+}
diff --git a/webapp/src/views/DtuAdminView.vue b/webapp/src/views/DtuAdminView.vue
index ebae52101..54ec5087f 100644
--- a/webapp/src/views/DtuAdminView.vue
+++ b/webapp/src/views/DtuAdminView.vue
@@ -44,7 +44,7 @@
                         <BIconInfoCircle v-tooltip :title="$t('dtuadmin.CmtPaLevelHint')" />
                     </label>
                     <div class="col-sm-10">
-                        <div class="input-group mb-3">
+                        <div class="input-group">
                             <input
                                 type="range"
                                 class="form-control form-range"
@@ -85,7 +85,7 @@
                         <BIconInfoCircle v-tooltip :title="$t('dtuadmin.CmtFrequencyHint')" />
                     </label>
                     <div class="col-sm-10">
-                        <div class="input-group mb-3">
+                        <div class="input-group">
                             <input
                                 type="range"
                                 class="form-control form-range"
diff --git a/webapp/src/views/InverterAdminView.vue b/webapp/src/views/InverterAdminView.vue
index a1a4402bc..e2d633edb 100644
--- a/webapp/src/views/InverterAdminView.vue
+++ b/webapp/src/views/InverterAdminView.vue
@@ -25,8 +25,8 @@
                         {{ $t('inverteradmin.Add') }}
                     </button>
                 </div>
-                <div class="alert alert-secondary" role="alert" v-html="$t('inverteradmin.AddHint')"></div>
             </form>
+            <div class="alert alert-secondary" role="alert" v-html="$t('inverteradmin.AddHint')"></div>
         </CardElement>
 
         <CardElement :text="$t('inverteradmin.InverterList')" textVariant="text-bg-primary" add-space>