From 5306d58991ada431bf67697e794f3c5e6d18e8e6 Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+nikonratm@users.noreply.github.com>
Date: Sun, 7 Feb 2021 08:19:00 -0800
Subject: [PATCH] Dark mode + sizing tweaks

---
 .../document-card-small.component.scss               |  4 ++--
 src-ui/src/theme_dark.scss                           | 12 +++++++++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
index 5f34d6743..62fc18d77 100644
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
@@ -39,8 +39,8 @@
   max-width: 40rem;
 
   .preview {
-    min-width: 30rem;
-    min-height: 20rem;
+    min-width: 25rem;
+    min-height: 15rem;
     max-height: 35rem;
     overflow-y: scroll;
   }
diff --git a/src-ui/src/theme_dark.scss b/src-ui/src/theme_dark.scss
index ee59ff9af..57bb9896e 100644
--- a/src-ui/src/theme_dark.scss
+++ b/src-ui/src/theme_dark.scss
@@ -1,6 +1,7 @@
 $primary-dark-mode: #45973a;
 $danger-dark-mode: #b71631;
 $bg-dark-mode: #161618;
+$bg-dark-mode-accent: #21262d;
 $bg-light-dark-mode: #1c1c1f;
 $text-color-dark-mode: #abb2bf;
 $text-color-dark-mode-accent: lighten($text-color-dark-mode, 10%);
@@ -370,7 +371,7 @@ $border-color-dark-mode: #47494f;
   .popover {
     .popover-header,
     .popover-body {
-      background-color: $bg-light-dark-mode;
+      background-color: $bg-dark-mode-accent;
       border-color: $border-color-dark-mode;
     }
   }
@@ -380,10 +381,15 @@ $border-color-dark-mode: #47494f;
   @each $placement in $placements {
     .bs-popover-#{$placement} > .arrow::after,
     .bs-popover-auto[x-placement^=#{$placement}] > .arrow::after {
-      border-#{$placement}-color: $bg-light-dark-mode;
+      border-#{$placement}-color: $bg-dark-mode-accent;
     }
   }
-  
+
+  .bs-popover-bottom .popover-header::before,
+  .bs-popover-auto[x-placement^=bottom] .popover-header::before {
+    border-bottom-color: $bg-dark-mode-accent;
+  }
+
 }
 
 body.color-scheme-dark {