From 6fa379fbd4cec62e989fa1946eb96774d5d1bca8 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Fri, 21 Oct 2022 13:53:52 +0200
Subject: [PATCH] diagnosis: fix 'details' button style depending on theme

---
 app/src/views/diagnosis/Diagnosis.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/src/views/diagnosis/Diagnosis.vue b/app/src/views/diagnosis/Diagnosis.vue
index 4e1d26ee..74d7ec64 100644
--- a/app/src/views/diagnosis/Diagnosis.vue
+++ b/app/src/views/diagnosis/Diagnosis.vue
@@ -76,7 +76,7 @@
               </b-button>
               <b-button
                 v-if="item.details"
-                size="sm" variant="outline-dark" class="ml-lg-2 mt-2 mt-lg-0"
+                size="sm" :variant="'outline-' + (theme ? 'light' : 'dark')" class="ml-lg-2 mt-2 mt-lg-0"
                 v-b-toggle="`collapse-${report.id}-item-${i}`"
               >
                 <icon iname="level-down" /> {{ $t('details') }}
@@ -106,6 +106,8 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
+
 import api from '@/api'
 import { distanceToNow } from '@/helpers/filters/date'
 
@@ -122,6 +124,10 @@ export default {
     }
   },
 
+  computed: {
+    ...mapGetters(['theme'])
+  },
+
   methods: {
     formatReportItem (report, item) {
       let issue = false