fix workflow top panel styling

erquhart · erquhart · commit 65f846f9e5e9 · 2018-05-31T17:16:24.000-04:00
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;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -2,8 +2,7 @@`
`2`	`2`	`@import "./WorkflowCard.css";`
`3`	`3`
`4`	`4`	`.nc-workflow {`
`5`		`- padding: var(--pageMargin);`
`6`		`- padding-bottom: 0;`
	`5`	`+ padding: var(--pageMarginVertical) var(--pageMarginHorizontal) 0;`
`7`	`6`	`height: 100vh;`
`8`	`7`	`}`
`9`	`8`