From efe5df3459cbfb438c030f33ba83781a103a71ea Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sat, 19 Feb 2022 23:05:41 -0800
Subject: [PATCH] bs5: document list table checkboxes

---
 .../document-list/document-list.component.html         |  8 ++++----
 .../document-list/document-list.component.scss         | 10 ++++++++++
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src-ui/src/app/components/document-list/document-list.component.html b/src-ui/src/app/components/document-list/document-list.component.html
index ee2ba68c6..e7ee95796 100644
--- a/src-ui/src/app/components/document-list/document-list.component.html
+++ b/src-ui/src/app/components/document-list/document-list.component.html
@@ -106,7 +106,7 @@
     </app-document-card-large>
   </div>
 
-  <table class="table table-sm border shadow-sm" *ngIf="displayMode == 'details'">
+  <table class="table table-sm align-middle border shadow-sm" *ngIf="displayMode == 'details'">
     <thead>
       <th></th>
       <th class="d-none d-lg-table-cell"
@@ -149,9 +149,9 @@
     <tbody>
       <tr *ngFor="let d of list.documents; trackBy: trackByDocumentId" (click)="toggleSelected(d, $event)" [ngClass]="list.isSelected(d) ? 'table-row-selected' : ''">
         <td>
-          <div class="custom-control custom-checkbox">
-            <input type="checkbox" class="custom-control-input" id="docCheck{{d.id}}" [checked]="list.isSelected(d)" (click)="toggleSelected(d, $event)">
-            <label class="custom-control-label" for="docCheck{{d.id}}"></label>
+          <div class="form-check">
+            <input type="checkbox" class="form-check-input" id="docCheck{{d.id}}" [checked]="list.isSelected(d)" (click)="toggleSelected(d, $event)">
+            <label class="form-check-label" for="docCheck{{d.id}}"></label>
           </div>
         </td>
         <td class="d-none d-lg-table-cell">
diff --git a/src-ui/src/app/components/document-list/document-list.component.scss b/src-ui/src/app/components/document-list/document-list.component.scss
index 5905d3982..0ef495cd8 100644
--- a/src-ui/src/app/components/document-list/document-list.component.scss
+++ b/src-ui/src/app/components/document-list/document-list.component.scss
@@ -44,3 +44,13 @@ $paperless-card-breakpoints: (
     top: 3.5rem; // height of navbar
   }
 }
+
+.table .form-check {
+  padding: 0.2rem;
+  min-height: 0;
+  margin-bottom: 0;
+
+  .form-check-input {
+    margin-left: 0;
+  }
+}