From 509ff192cd4bdd39314f60f85040cf5428739d9a Mon Sep 17 00:00:00 2001
From: btzr-io <btzr.io@gmail.com>
Date: Fri, 18 Aug 2017 19:09:45 -0600
Subject: [PATCH] fix for card style

---
 ui/scss/_vars.scss           | 2 +-
 ui/scss/component/_card.scss | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ui/scss/_vars.scss b/ui/scss/_vars.scss
index 991722a4c..c25920a21 100644
--- a/ui/scss/_vars.scss
+++ b/ui/scss/_vars.scss
@@ -64,7 +64,7 @@
   --card-hover-translate: 10px;
   --card-margin: $spacing-vertical * 2/3;
   --card-max-width: $width-page-constrained;
-  --card-padding: var(--card-margin);
+  --card-padding: $spacing-vertical * 2/3;
   --card-radius: 2px;
   --card-link-scaling: 1.1;
   --card-shadow: var(--box-shadow-layer);
diff --git a/ui/scss/component/_card.scss b/ui/scss/component/_card.scss
index 29869925b..5910bfd9c 100644
--- a/ui/scss/component/_card.scss
+++ b/ui/scss/component/_card.scss
@@ -30,7 +30,7 @@
   .card__actions,
   .card__content,
   .card__subtext {
-    padding: 0 cacl(var(--card-padding) / 2);
+    padding: 0 calc(var(--card-padding) / 2);
   }
 }
 .card__title-primary {
@@ -176,12 +176,12 @@ $font-size-subtext-multiple: 0.82;
   margin-left: auto;
   margin-right: auto;
   max-width: var(--card-max-width);
-  padding: calc(var(--vertical-spacing) / 2);
+  padding: $spacing-vertical / 2;
 }
 
 .card-row {
   + .card-row {
-    margin-top: calc(var(--vertical-spacing) * 1/3);
+    margin-top: $spacing-vertical * 1/3;
   }
 }
 
@@ -213,7 +213,7 @@ $padding-right-card-hover-hack: 30px;
   padding-right: $padding-right-card-hover-hack;
 }
 .card-row__header {
-  margin-bottom: $spacing-vertical;
+  margin-bottom: $spacing-vertical / 3;
 }
 
 .card-row__scrollhouse {