From 627d6f8a28e82ffc9455ffb3baf0e6a9bff550a8 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Sun, 2 Feb 2025 20:46:15 +0100
Subject: [PATCH] Make all pankow lists look and feel the same

---
 dashboard/src/components/OpenIdClients.vue |  6 +++---
 dashboard/src/views/ServicesView.vue       |  8 ++++----
 dashboard/src/views/VolumesView.vue        | 10 +++++-----
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/dashboard/src/components/OpenIdClients.vue b/dashboard/src/components/OpenIdClients.vue
index 1327ec506..d32c63a1e 100644
--- a/dashboard/src/components/OpenIdClients.vue
+++ b/dashboard/src/components/OpenIdClients.vue
@@ -174,11 +174,11 @@ onMounted(async () => {
         <div class="info-value">https://{{ adminFqdn }}/.well-known/openid-configuration</div>
       </div>
 
-      <TableView :columns="columns" :model="clients" :hover="false" @row-click="onEdit">
+      <TableView :columns="columns" :model="clients" @row-click="onEdit">
         <template #actions="slotProps">
           <div class="table-actions">
-            <Button tool secondary outline small icon="fa-solid fa-pencil-alt" @click.stop="onEdit(slotProps)"></Button>
-            <Button tool danger outline small icon="fa-solid fa-trash-alt" @click.stop="onRemove(slotProps)"></Button>
+            <Button tool secondary small icon="fa-solid fa-pencil-alt" @click.stop="onEdit(slotProps)"></Button>
+            <Button tool danger small icon="fa-solid fa-trash-alt" @click.stop="onRemove(slotProps)"></Button>
           </div>
         </template>
       </TableView>
diff --git a/dashboard/src/views/ServicesView.vue b/dashboard/src/views/ServicesView.vue
index a031b8609..ed76a5295 100644
--- a/dashboard/src/views/ServicesView.vue
+++ b/dashboard/src/views/ServicesView.vue
@@ -181,7 +181,7 @@ onMounted(async () => {
 
       <p>{{ $t('services.description') }}</p>
 
-      <TableView :columns="columns" :model="servicesArray" :hover="false">
+      <TableView :columns="columns" :model="servicesArray">
         <template #status="slotProps">
           <span v-show="slotProps.status">
             <span v-if="slotProps.status === 'active'">
@@ -206,9 +206,9 @@ onMounted(async () => {
         <template #actions="slotProps">
           <div class="table-actions">
             <ButtonGroup>
-              <Button small tool secondary outline v-if="slotProps.status !== 'disabled' && slotProps.config.memoryLimit" @click="onEdit(slotProps)" v-tooltip="$t('services.configureActionTooltip')" icon="fa-solid fa fa-pencil-alt"/>
-              <Button small tool secondary outline v-if="slotProps.id !== 'box'" @click="onRestart(slotProps.id)" :loading="slotProps.status === 'starting' && !slotProps.config.recoveryMode" v-tooltip="$t('services.restartActionTooltip')" icon="fa-solid fa-sync-alt"/>
-              <Button tool small secondary outline :href="`/logs.html?id=${slotProps.id}`" target="_blank" v-tooltip="$t('logs.title')" icon="fa-solid fa-file-alt" />
+              <Button small tool secondary v-if="slotProps.status !== 'disabled' && slotProps.config.memoryLimit" @click="onEdit(slotProps)" v-tooltip="$t('services.configureActionTooltip')" icon="fa-solid fa fa-pencil-alt"/>
+              <Button small tool secondary v-if="slotProps.id !== 'box'" @click="onRestart(slotProps.id)" :loading="slotProps.status === 'starting' && !slotProps.config.recoveryMode" v-tooltip="$t('services.restartActionTooltip')" icon="fa-solid fa-sync-alt"/>
+              <Button tool small secondary :href="`/logs.html?id=${slotProps.id}`" target="_blank" v-tooltip="$t('logs.title')" icon="fa-solid fa-file-alt" />
             </ButtonGroup>
           </div>
         </template>
diff --git a/dashboard/src/views/VolumesView.vue b/dashboard/src/views/VolumesView.vue
index f0e7d70ac..93b94ebf7 100644
--- a/dashboard/src/views/VolumesView.vue
+++ b/dashboard/src/views/VolumesView.vue
@@ -284,7 +284,7 @@ export default {
 
       <div v-html="$t('volumes.description')"></div>
       <br/>
-      <TableView :columns="columns" :model="volumes" :busy="busy" :hover="false">
+      <TableView :columns="columns" :model="volumes" :busy="busy">
         <template #target="slotProps">
           {{ (slotProps.mountType === 'mountpoint' || slotProps.mountType === 'filesystem') ? slotProps.hostPath : (slotProps.mountOptions.host || slotProps.mountOptions.diskPath || slotProps.hostPath) + (slotProps.mountOptions.remoteDir || '') }}
         </template>
@@ -296,11 +296,11 @@ export default {
         <template #actions="slotProps">
           <div class="table-actions">
             <ButtonGroup>
-              <Button tool secondary outline small icon="fa fa-sync-alt" v-if="slotProps.mountType === 'sshfs' || slotProps.mountType === 'cifs' || slotProps.mountType === 'nfs' || slotProps.mountType === 'ext4' || slotProps.mountType === 'xfs'" v-tooltip="$t('volumes.remountActionTooltip')" @click="remount(slotProps)"></Button>
-              <Button tool secondary outline small icon="fa fa-pencil-alt" v-if="slotProps.mountType === 'sshfs' || slotProps.mountType === 'cifs' || slotProps.mountType === 'nfs'" v-tooltip="$t('volumes.editActionTooltip')" @click="openVolumeDialog(slotProps)"></Button>
-              <Button tool secondary outline small icon="fas fa-folder" v-tooltip="$t('volumes.openFileManagerActionTooltip')" :href="'/filemanager.html#/home/volume/' + slotProps.id" target="_blank"></Button>
+              <Button tool secondary small icon="fa fa-sync-alt" v-if="slotProps.mountType === 'sshfs' || slotProps.mountType === 'cifs' || slotProps.mountType === 'nfs' || slotProps.mountType === 'ext4' || slotProps.mountType === 'xfs'" v-tooltip="$t('volumes.remountActionTooltip')" @click="remount(slotProps)"></Button>
+              <Button tool secondary small icon="fa fa-pencil-alt" v-if="slotProps.mountType === 'sshfs' || slotProps.mountType === 'cifs' || slotProps.mountType === 'nfs'" v-tooltip="$t('volumes.editActionTooltip')" @click="openVolumeDialog(slotProps)"></Button>
+              <Button tool secondary small icon="fas fa-folder" v-tooltip="$t('volumes.openFileManagerActionTooltip')" :href="'/filemanager.html#/home/volume/' + slotProps.id" target="_blank"></Button>
             </ButtonGroup>
-            <Button tool danger outline small icon="far fa-trash-alt" v-tooltip="$t('volumes.removeVolumeActionTooltip')" @click="onRemove(slotProps)"></Button>
+            <Button tool danger small icon="far fa-trash-alt" v-tooltip="$t('volumes.removeVolumeActionTooltip')" @click="onRemove(slotProps)"></Button>
           </div>
         </template>
       </TableView>