From 7af0fefdc172b11ff0a79ed867910a085343b9b8 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Tue, 17 Apr 2018 16:28:47 +0200
Subject: [PATCH] [public.css.container] fixed card layout

---
 public_html/css/container.scss    | 16 ++++++++++------
 public_html/css/min/container.css | 14 ++++++++------
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/public_html/css/container.scss b/public_html/css/container.scss
index 5a159ac..5a91d75 100755
--- a/public_html/css/container.scss
+++ b/public_html/css/container.scss
@@ -13,10 +13,11 @@
 	// @active + .list
 	& > section.active{
 		display: flex;
-		flex-direction: row;
-		align-items: flex-start;
+		flex-flow:       row wrap;
+
 		justify-content: flex-start;
-		flex-wrap: wrap;
+		align-items:     stretch;
+		align-content:   flex-start;
 
 		&.contain-check-table{
 			flex-direction: column;
@@ -25,11 +26,12 @@
 		}
 
 		.inline-box{
-			flex: 0 0 1;
+			flex: 1 1 20%;
+			height: auto;
 		}
 
 		.inline-row{
-			flex: 3em 0 0;
+			flex: 0 0 2.3em;
 		}
 
 		// Barre de recherche
@@ -62,7 +64,7 @@
 		.error, .in-dev{
 			display: inline-block;
 			position: relative;
-				width: calc( 100% - 2*1em - 2*1em );
+				// width: calc( 100% - 2*1em - 2*1em );
 				height: 1em;
 			margin: 1em;
 			padding: 1em;
@@ -96,6 +98,8 @@
 		position: relative;
 			// width: calc( 50% - 2*1em - 2*1em );
 			flex: calc( 50% - 2*1em - 2*1em );
+			height: auto;
+			min-height: 10em;
 			margin: 1em;
 			padding: 1em;
 
diff --git a/public_html/css/min/container.css b/public_html/css/min/container.css
index fc854a9..9d730eb 100644
--- a/public_html/css/min/container.css
+++ b/public_html/css/min/container.css
@@ -20,18 +20,19 @@
     flex-grow: 1; }
   #WRAPPER > #CONTAINER > section.active {
     display: flex;
-    flex-direction: row;
-    align-items: flex-start;
+    flex-flow: row wrap;
     justify-content: flex-start;
-    flex-wrap: wrap; }
+    align-items: stretch;
+    align-content: flex-start; }
     #WRAPPER > #CONTAINER > section.active.contain-check-table {
       flex-direction: column;
       flex-wrap: nowrap;
       align-items: center; }
     #WRAPPER > #CONTAINER > section.active .inline-box {
-      flex: 0 0 1; }
+      flex: 1 1 20%;
+      height: auto; }
     #WRAPPER > #CONTAINER > section.active .inline-row {
-      flex: 3em 0 0; }
+      flex: 0 0 2.3em; }
     #WRAPPER > #CONTAINER > section.active .searchbar {
       display: inline-block;
       position: relative;
@@ -49,7 +50,6 @@
     #WRAPPER > #CONTAINER > section.active .error, #WRAPPER > #CONTAINER > section.active .in-dev {
       display: inline-block;
       position: relative;
-      width: calc( 100% - 2*1em - 2*1em);
       height: 1em;
       margin: 1em;
       padding: 1em;
@@ -67,6 +67,8 @@
     display: inline-block;
     position: relative;
     flex: calc( 50% - 2*1em - 2*1em);
+    height: auto;
+    min-height: 10em;
     margin: 1em;
     padding: 1em;
     border-radius: 3px;