bs5: fix dark mode dashboard widget table display

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>

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;
+}

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;