From 9f45b368d415cbb320fea55e0114989849c21f0c Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean.yesmunt@gmail.com>
Date: Mon, 23 Apr 2018 00:29:38 -0400
Subject: [PATCH] add explicit height and remove card-margin variable

---
 src/renderer/scss/_gui.scss            | 1 +
 src/renderer/scss/_vars.scss           | 1 -
 src/renderer/scss/component/_card.scss | 4 ++--
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/scss/_gui.scss b/src/renderer/scss/_gui.scss
index 60d8c839f..e34073a7e 100644
--- a/src/renderer/scss/_gui.scss
+++ b/src/renderer/scss/_gui.scss
@@ -160,6 +160,7 @@ p {
     'nav header'
     'nav content';
   background-color: var(--color-bg);
+  height: 100vh;
 
   @media only screen and (min-width: $medium-breakpoint) {
     grid-template-columns: var(--side-nav-width-m) auto;
diff --git a/src/renderer/scss/_vars.scss b/src/renderer/scss/_vars.scss
index 48d261b72..dae131448 100644
--- a/src/renderer/scss/_vars.scss
+++ b/src/renderer/scss/_vars.scss
@@ -139,7 +139,6 @@ $large-breakpoint: 1760px;
   --card-bg: var(--color-white);
   --card-text-color: var(--color-grey-dark);
   --card-radius: 2px;
-  --card-margin: $spacing-vertical * 2/3;
   --card-wallet-color: var(--text-color-inverse);
   --success-msg-color: var(--color-green);
   --success-msg-border: var(--color-green-blue);
diff --git a/src/renderer/scss/component/_card.scss b/src/renderer/scss/component/_card.scss
index d87bda3d4..c3a59a167 100644
--- a/src/renderer/scss/component/_card.scss
+++ b/src/renderer/scss/component/_card.scss
@@ -177,7 +177,7 @@
 }
 
 .card__content {
-  margin-top: var(--card-margin);
+  margin-top: $spacing-vertical * 2/3;
 }
 
 .card__subtext-title {
@@ -198,7 +198,7 @@
 }
 
 .card__actions {
-  margin-top: var(--card-margin);
+  margin-top: $spacing-vertical * 2/3;
   display: flex;
 
   &:not(.card__actions--vertical) .btn:nth-child(n + 2) {