From 199affb244b3ef5646643eaa14b101fae7c20d89 Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sun, 20 Feb 2022 00:16:49 -0800
Subject: [PATCH] bs5: fix dark mode dashboard widget table display

---
 .../saved-view-widget/saved-view-widget.component.html        | 4 ++--
 .../saved-view-widget/saved-view-widget.component.scss        | 4 ++++
 src-ui/src/theme_dark.scss                                    | 4 ++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html b/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
index 3d6c2498c..b94545881 100644
--- a/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
+++ b/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
@@ -3,7 +3,7 @@
   <a header-buttons [routerLink]="[]" (click)="showAll()" i18n>Show all</a>
 
 
-  <table content class="table table-sm table-hover table-borderless">
+  <table content class="table table-sm bg-light table-hover table-borderless mb-0">
     <thead>
       <tr>
         <th i18n>Created</th>
@@ -13,7 +13,7 @@
     <tbody>
       <tr *ngFor="let doc of documents" routerLink="/documents/{{doc.id}}">
         <td>{{doc.created | customDate}}</td>
-        <td>{{doc.title | documentTitle}}<app-tag [tag]="t" *ngFor="let t of doc.tags$ | async" class="ms-1"></app-tag>
+        <td>{{doc.title | documentTitle}}<app-tag [tag]="t" *ngFor="let t of doc.tags$ | async" class="ms-1"></app-tag></td>
       </tr>
     </tbody>
   </table>
diff --git a/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.scss b/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.scss
index 4e275dc81..2edac1661 100644
--- a/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.scss
+++ b/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.scss
@@ -6,3 +6,7 @@ table {
 th:first-child {
   width: 25%;
 }
+
+tbody tr {
+  cursor: pointer;
+}
diff --git a/src-ui/src/theme_dark.scss b/src-ui/src/theme_dark.scss
index 8a52d5f4b..98ddcb4e7 100644
--- a/src-ui/src/theme_dark.scss
+++ b/src-ui/src/theme_dark.scss
@@ -205,7 +205,7 @@ $border-color-dark-mode: #47494f;
       }
     }
 
-    tr:hover {
+    &.table-hover > tbody > tr:hover > * {
       background-color: $bg-light-dark-mode;
       color: $text-color-dark-mode-accent;
     }
@@ -228,7 +228,7 @@ $border-color-dark-mode: #47494f;
     color: $text-color-dark-mode;
     text-shadow: 0 1px 0 #666;
   }
-  
+
   .modal .btn-close {
     color: $text-color-dark-mode;
     text-shadow: 0 1px 0 #666;