fix workflow top panel styling

decaporg · May 31, 2018 · 65f846f · 65f846f
1 parent df36563
commit 65f846f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -2,8 +2,7 @@
 @import "./WorkflowCard.css";
 
 .nc-workflow {
-  padding: var(--pageMargin);
-  padding-bottom: 0;
+  padding: var(--pageMarginVertical) var(--pageMarginHorizontal) 0;
   height: 100vh;
 }