From ab51b84beac5ff66800c82eb6557f1126733ac98 Mon Sep 17 00:00:00 2001
From: Daniel Scalzi <d_scalzi@yahoo.com>
Date: Tue, 26 May 2020 23:25:02 -0400
Subject: [PATCH] Use rem for loading spinner, fix frame bug when loader is
 scaled up.

---
 src/renderer/components/frame/Frame.css   | 2 ++
 src/renderer/components/loader/Loader.css | 5 +++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/frame/Frame.css b/src/renderer/components/frame/Frame.css
index f0419498..66583048 100644
--- a/src/renderer/components/frame/Frame.css
+++ b/src/renderer/components/frame/Frame.css
@@ -58,6 +58,7 @@
 
 /* Windows frame button dock. */
 #frameButtonDockWin {
+    display: flex;
     -webkit-app-region: no-drag !important;
     position: relative;
     top: -2px;
@@ -83,6 +84,7 @@
     height: 22px;
     width: 39px;
     cursor: pointer;
+    line-height: 22px;
 }
 .frameButton:hover,
 .frameButton:focus {
diff --git a/src/renderer/components/loader/Loader.css b/src/renderer/components/loader/Loader.css
index 94792274..930afc62 100644
--- a/src/renderer/components/loader/Loader.css
+++ b/src/renderer/components/loader/Loader.css
@@ -13,6 +13,7 @@
     justify-content: center;
     width: 100%;
     height: calc(100% - 22px);
+    overflow: hidden;
 }
 
 /* Loading content container. */
@@ -35,13 +36,13 @@
 /* Stationary image for the spinner. */
 #loadCenterImage {
     position: absolute;
-    width: 277px;
+    width: 17.3125rem;
     height: auto;
 }
 
 /* Rotating image for the spinner. */
 #loadSpinnerImage {
-    width: 280px;
+    width: 17.5rem;
     height: auto;
     z-index: 400;
 }