From f2aa42e4cc4c782e17503f4094e4a025b407a9e2 Mon Sep 17 00:00:00 2001
From: Bernhard Kirchen <schlimmchen@posteo.net>
Date: Sat, 26 Oct 2024 22:45:53 +0200
Subject: [PATCH] webapp: adjust look of tables in accordions to live view
 cards

this is relevant for the radio statistics table, as well as the tables
in the grid profile modal.
---
 webapp/src/components/GridProfile.vue |  6 +++++-
 webapp/src/scss/styles.scss           | 10 ++++++++++
 webapp/src/views/HomeView.vue         |  2 +-
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/GridProfile.vue b/webapp/src/components/GridProfile.vue
index 8385dd47..a9e7f26d 100644
--- a/webapp/src/components/GridProfile.vue
+++ b/webapp/src/components/GridProfile.vue
@@ -19,7 +19,11 @@
         </table>
 
         <div class="accordion" id="accordionProfile">
-            <div class="accordion-item" v-for="(section, index) in gridProfileList.sections" :key="index">
+            <div
+                class="accordion-item accordion-table"
+                v-for="(section, index) in gridProfileList.sections"
+                :key="index"
+            >
                 <h2 class="accordion-header">
                     <button
                         class="accordion-button collapsed"
diff --git a/webapp/src/scss/styles.scss b/webapp/src/scss/styles.scss
index 34d35298..b1b454fa 100644
--- a/webapp/src/scss/styles.scss
+++ b/webapp/src/scss/styles.scss
@@ -35,6 +35,16 @@ div.card.card-table tr > :last-child {
     padding-right: var(--bs-card-cap-padding-x);
 }
 
+div.accordion-item.accordion-table tr > :first-child {
+    padding-left: var(--bs-accordion-btn-padding-x);
+}
+
+div.accordion-item.accordion-table div.accordion-body {
+    padding-top: 0;
+    padding-left: 0;
+    padding-right: 0;
+}
+
 div.card.card-table div.card-body {
     padding: 0;
 }
diff --git a/webapp/src/views/HomeView.vue b/webapp/src/views/HomeView.vue
index fcb4cc0b..d88f4a52 100644
--- a/webapp/src/views/HomeView.vue
+++ b/webapp/src/views/HomeView.vue
@@ -217,7 +217,7 @@
                             </BootstrapAlert>
 
                             <div class="accordion mt-5" id="accordionRadioStats">
-                                <div class="accordion-item">
+                                <div class="accordion-item accordion-table">
                                     <h2 class="accordion-header">
                                         <button
                                             class="accordion-button collapsed"