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;