From 65f846f9e5e96d0abca6e5b3ec17510eb1c91f98 Mon Sep 17 00:00:00 2001
From: Shawn Erquhart <shawn@erquh.art>
Date: Thu, 31 May 2018 17:16:04 -0400
Subject: [PATCH] fix workflow top panel styling

---
 src/components/UI/base.css           | 4 +++-
 src/components/Workflow/Workflow.css | 3 +--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/UI/base.css b/src/components/UI/base.css
index 786df307f995..05e6c036d67e 100644
--- a/src/components/UI/base.css
+++ b/src/components/UI/base.css
@@ -81,7 +81,9 @@
   --borderWidth: 2px;
   --textFieldBorder: solid var(--borderWidth) var(--textFieldBorderColor);
   --topCardWidth: 682px;
-  --pageMargin: 84px 18px;
+  --pageMarginVertical: 84px;
+  --pageMarginHorizontal: 18px;
+  --pageMargin: var(--pageMarginVertical) var(--pageMarginHorizontal);
 
   --dropShadow: {
     box-shadow: 0 2px 4px 0  rgba(19, 39, 48, .12);
diff --git a/src/components/Workflow/Workflow.css b/src/components/Workflow/Workflow.css
index 20f163f06535..9d1e1d89d2c4 100644
--- a/src/components/Workflow/Workflow.css
+++ b/src/components/Workflow/Workflow.css
@@ -2,8 +2,7 @@
 @import "./WorkflowCard.css";
 
 .nc-workflow {
-  padding: var(--pageMargin);
-  padding-bottom: 0;
+  padding: var(--pageMarginVertical) var(--pageMarginHorizontal) 0;
   height: 100vh;
 }