From 8bc5074eb7958366ddadc787eb6b56f171f76500 Mon Sep 17 00:00:00 2001 From: Electron - Mark Firth Date: Sat, 14 Jul 2018 02:18:48 +1000 Subject: [PATCH 1/2] Margin Breaks Flex Vertical Alignment Removing the marking fixes vertical alignment issues when using Flex. --- client/scss/components/_page-layout-show-lite.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/scss/components/_page-layout-show-lite.scss b/client/scss/components/_page-layout-show-lite.scss index e243e757..b4d4976e 100644 --- a/client/scss/components/_page-layout-show-lite.scss +++ b/client/scss/components/_page-layout-show-lite.scss @@ -2,7 +2,7 @@ flex: 1 0 auto; display: flex; flex-direction: column; - margin: $primary-padding; + /*margin: $primary-padding;*/ .content { flex: 1 0 auto; display: flex; -- 2.45.3 From 235ebf19baef21f488178da07126a7bf951722e8 Mon Sep 17 00:00:00 2001 From: Electron - Mark Firth Date: Sat, 14 Jul 2018 02:26:04 +1000 Subject: [PATCH 2/2] Keeps Content In View Keeps content in view at any size. --- client/scss/components/_asset-display.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/client/scss/components/_asset-display.scss b/client/scss/components/_asset-display.scss index 6950815b..20bcfd7d 100644 --- a/client/scss/components/_asset-display.scss +++ b/client/scss/components/_asset-display.scss @@ -2,7 +2,7 @@ flex: 1 0 auto; display: flex; justify-content: center; - /*align-items: center;*/ + flex-direction: column; } @@ -16,3 +16,6 @@ padding: 6px; border: 1px solid #d0d0d0; } +.vertical-split .asset-display { + height: 90vh; +} -- 2.45.3