From 2c4d181b8da09313be0a5f4988a9a47400b95bea Mon Sep 17 00:00:00 2001
From: Lukas Mertens <git@lukas-mertens.de>
Date: Tue, 12 Mar 2024 09:46:35 +0100
Subject: [PATCH] fix(EvModuleList): inconsistent design betw. load config and
 add module

Closes #12

Signed-off-by: Lukas Mertens <git@lukas-mertens.de>

commit-id:2cfd9d15
---
 src/components/EvModuleList.vue | 50 ++++++++++++++++++++-------------
 1 file changed, 31 insertions(+), 19 deletions(-)

diff --git a/src/components/EvModuleList.vue b/src/components/EvModuleList.vue
index a0e3bb81..3e49b9d5 100644
--- a/src/components/EvModuleList.vue
+++ b/src/components/EvModuleList.vue
@@ -4,22 +4,22 @@
 <template>
   <v-expansion-panels class="ma-0">
     <v-expansion-panel>
-      <v-expansion-panel-title> Available modules </v-expansion-panel-title>
+      <v-expansion-panel-title> Available modules</v-expansion-panel-title>
       <v-expansion-panel-text>
         <v-list class="ma-0">
           <v-tooltip location="right" v-for="module in module_list" :key="module.type" open-delay="500">
             <template v-slot:activator="{ props }">
-            <v-list-item
-                         v-bind="props"
-                         :title="module.type"
-                         @click.stop="add_module_to_config(module.type)"
-            >
-              <template v-slot:append>
-                <v-icon>mdi-plus</v-icon>
-              </template>
-            </v-list-item>
+              <v-list-item
+                  v-bind="props"
+                  :title="module.type"
+                  @click.stop="add_module_to_config(module.type)"
+              >
+                <template v-slot:append>
+                  <v-icon>mdi-plus</v-icon>
+                </template>
+              </v-list-item>
             </template>
-            <span>{{`${module.type}: ${module.description}`}}</span>
+            <span>{{ `${module.type}: ${module.description}` }}</span>
           </v-tooltip>
         </v-list>
       </v-expansion-panel-text>
@@ -29,13 +29,18 @@
         {{ config_list.length == 0 ? "No configs available" : "Available configs" }}
       </v-expansion-panel-title>
       <v-expansion-panel-text>
-        <v-sheet class="d-flex align-center my-1 pa-2" elevation="1" v-for="config in config_list" :key="config">
-          {{ config }}
-          <v-spacer />
-          <v-btn icon @click="load_config_if_empty(config)">
-            <v-icon>mdi-upload</v-icon>
-          </v-btn>
-        </v-sheet>
+        <v-list class="ma-0">
+          <v-tooltip location="right" v-for="config in config_list" :key="config" open-delay="500">
+            <template v-slot:activator="{ props }">
+              <v-list-item :title="config" v-bind="props" @click="load_config_if_empty(config)">
+                <template v-slot:append>
+                  <v-icon>mdi-upload</v-icon>
+                </template>
+              </v-list-item>
+            </template>
+            <span>{{ config }}</span>
+          </v-tooltip>
+        </v-list>
       </v-expansion-panel-text>
       <ev-dialog
           :show_dialog="show_dialog"
@@ -48,7 +53,7 @@
       />
     </v-expansion-panel>
     <v-expansion-panel>
-      <v-expansion-panel-title> Issue commands </v-expansion-panel-title>
+      <v-expansion-panel-title> Issue commands</v-expansion-panel-title>
       <v-expansion-panel-text>
         <v-list>
           <v-list-item @click="execute('restart_modules')" :title="'Restart modules'">
@@ -67,6 +72,7 @@ import {defineComponent, inject} from "vue";
 import {useEvbcStore} from "@/store/evbc";
 import EVBackendClient from "@/modules/evbc/client";
 import EvDialog from "@/components/EvDialog.vue";
+import EVConfigModel from "@/modules/evbc/config_model";
 
 let evbcStore: ReturnType<typeof useEvbcStore>;
 let evbc: EVBackendClient;
@@ -135,3 +141,9 @@ export default defineComponent({
   },
 });
 </script>
+
+<style>
+  .v-expansion-panel-text__wrapper {
+    padding: 0.5rem !important;
+  }
+</style>