From 030bf1b4ef92745fbdf9d70ce3299a51ee646cfa Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Sat, 9 May 2026 10:53:41 -0400
Subject: [PATCH] fix: repair feedback screenshot and list layouts

---
 .../feedback/components/FeedbackSubmissionDialog.vue         | 5 ++++-
 .../features/feedback/views/DeveloperFeedbackListView.vue    | 4 ++--
 frontend/src/features/feedback/views/MyFeedbackListView.vue  | 4 ++--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/features/feedback/components/FeedbackSubmissionDialog.vue b/frontend/src/features/feedback/components/FeedbackSubmissionDialog.vue
index c1ed0c54..a25e4fa6 100644
--- a/frontend/src/features/feedback/components/FeedbackSubmissionDialog.vue
+++ b/frontend/src/features/feedback/components/FeedbackSubmissionDialog.vue
@@ -135,8 +135,11 @@
         try {
             await nextTick();
             const target = document.querySelector('.shell-container') ?? document.body;
+            const appBackground = getComputedStyle(document.documentElement)
+                .getPropertyValue('--app-color-on-primary')
+                .trim() || '#ffffff';
             const canvas = await html2canvas(target, {
-                backgroundColor: 'var(--app-color-on-primary)',
+                backgroundColor: appBackground,
                 height: window.innerHeight,
                 ignoreElements: element => element.dataset?.feedbackUi === 'true',
                 scale: Math.min(window.devicePixelRatio || 1, 2),
diff --git a/frontend/src/features/feedback/views/DeveloperFeedbackListView.vue b/frontend/src/features/feedback/views/DeveloperFeedbackListView.vue
index 12050a1e..f13e3aab 100644
--- a/frontend/src/features/feedback/views/DeveloperFeedbackListView.vue
+++ b/frontend/src/features/feedback/views/DeveloperFeedbackListView.vue
@@ -214,7 +214,7 @@
             v-else
             class="report-table"
         >
-            <v-btn variant="text" :ripple="false"
+            <button
                 v-for="report in feedbackStore.filteredReports"
                 :key="report.id"
                 class="report-row"
@@ -263,7 +263,7 @@
                         />
                     </small>
                 </span>
-            </v-btn>
+            </button>
 
             <div
                 v-if="!feedbackStore.filteredReports.length"
diff --git a/frontend/src/features/feedback/views/MyFeedbackListView.vue b/frontend/src/features/feedback/views/MyFeedbackListView.vue
index eb44d7a2..c1e5ff5e 100644
--- a/frontend/src/features/feedback/views/MyFeedbackListView.vue
+++ b/frontend/src/features/feedback/views/MyFeedbackListView.vue
@@ -126,7 +126,7 @@
             v-else
             class="report-list"
         >
-            <v-btn variant="text" :ripple="false"
+            <button
                 v-for="report in feedbackStore.filteredReports"
                 :key="report.id"
                 class="report-row"
@@ -160,7 +160,7 @@
                     <span>{{ t('feedback.review.lastActivity') }}</span>
                     <strong>{{ formatDate(report.lastActivityAt) }}</strong>
                 </span>
-            </v-btn>
+            </button>
 
             <div
                 v-if="!feedbackStore.filteredReports.length"