From 66d5d57ec634718f044ef139d18190e646c62bc4 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Tue, 13 Mar 2018 14:15:06 +0100
Subject: [PATCH] [scss.container][scss.layout] make UI more visible

---
 webpack/scss/container.scss | 18 ++++++++----------
 webpack/scss/layout.scss    |  2 +-
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/webpack/scss/container.scss b/webpack/scss/container.scss
index a1cfa90..f82bb7d 100644
--- a/webpack/scss/container.scss
+++ b/webpack/scss/container.scss
@@ -101,13 +101,11 @@
 
 	// flex properties
 	flex-direction:  row;
-	justify-content: space-between;
-	align-items:     flex-start;
+	justify-content: flex-start;
+	align-items:     stretch;
 	align-content:   flex-start;
 	flex-wrap:       wrap;
 
-	// background-color: #f00;
-
 	z-index: 101;
 	overflow: auto;
 
@@ -150,7 +148,7 @@
 	/* (1) Card container */
 	& > section{
 
-		flex: 1 1 0;
+		flex: 1 1 20em;
 
 		display: flex;
 		position: relative;
@@ -162,7 +160,6 @@
 		border: 1px solid transparent;
 		box-shadow: 0 1px 1px darken(#fff, 20%);
 
-		box-shadow: 0 1px 1px darken(#fff, 20%);
 		&.invalid{ box-shadow: 0; border: 1px solid $form-invalid-color; }
 		&.valid{   box-shadow: 0; border: 1px solid $form-valid-color; }
 		&.search{  box-shadow: 0; border: 1px solid $form-search-color; }
@@ -172,9 +169,9 @@
 		color: $primary-color;
 
 		// flex
-		flex-direction: column;
-		justify-content: flex-start;
-		flex-wrap: nowrap;
+		flex-direction:  column;
+		justify-content: space-between;
+		flex-wrap:       nowrap;
 
 
 		&[data-create]{
@@ -525,13 +522,14 @@
 			padding: 0 2em;
 
 			border-top: 1px solid darken(#fff, 10%);
-			border-radius: 0 0 3px 3px;
+			&:last-of-type{ border-radius: 0 0 3px 3px; }
 			background-color: #fafbfd;
 
 			// flex properties
 			flex-direction: row;
 			justify-content: space-between;
 			align-items: center;
+			align-content: center;
 			flex-wrap: nowrap;
 
 
diff --git a/webpack/scss/layout.scss b/webpack/scss/layout.scss
index 2d78d4c..ee4ec7f 100644
--- a/webpack/scss/layout.scss
+++ b/webpack/scss/layout.scss
@@ -13,7 +13,7 @@ body{
 		width: 100%;
 		height: 100%;
 
-	font-size: 16px;
+	font-size: 17px;
 	font-family: 'Fira Sans';
 }