From 1a217853d7884a351bf69a345c21715ace851627 Mon Sep 17 00:00:00 2001
From: Devin Binnie <52460000+devinbinnie@users.noreply.github.com>
Date: Fri, 5 Jun 2020 13:12:42 -0400
Subject: [PATCH] [MM-24587] Added margin at top of draggable tab bar to
 facilitate resizing (#1312)

---
 src/browser/css/components/TabBar.css | 3 ++-
 src/browser/css/index.css             | 3 +--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/browser/css/components/TabBar.css b/src/browser/css/components/TabBar.css
index 6667239e..c59ada97 100644
--- a/src/browser/css/components/TabBar.css
+++ b/src/browser/css/components/TabBar.css
@@ -5,6 +5,8 @@
   display: flex !important;
   flex-wrap: nowrap;
   justify-content: flex-start;
+  -webkit-app-region: drag;
+  margin-top: 4px;
 }
 
 .TabBar.darkMode {
@@ -31,7 +33,6 @@
   max-height: 32px;
   line-height: 16px;
   margin-right: -1px;
-  margin-top: 4px;
   padding: 6px 0;
   color: rgba(61,60,64,0.7);
   font-family: Arial;
diff --git a/src/browser/css/index.css b/src/browser/css/index.css
index 7fe79aa1..93d14f76 100644
--- a/src/browser/css/index.css
+++ b/src/browser/css/index.css
@@ -79,13 +79,11 @@ body {
 
 .topBar {
   height: 40px;
-  -webkit-app-region: drag;
 }
 
 .topBar>.topBar-bg {
   display: flex;
   overflow: hidden;
-  -webkit-app-region: drag;
   height: 36px;
   background-color: rgba(0,0,0,0.1);
 }
@@ -246,6 +244,7 @@ body {
   z-index: 9;
   background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #e5e5e5 100%);
   -webkit-app-region: drag;
+  margin-top: 4px;
 }
 
 .topBar.darkMode .overlay-gradient {