From e1c5acf96c7c22364c072edd194b19ad33297556 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Tue, 7 Nov 2017 12:41:08 +0100
Subject: [PATCH] Fixed history *flex* direction + if not much data, align to
 top

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

diff --git a/public_html/css/container.scss b/public_html/css/container.scss
index 187ee34..90ad969 100755
--- a/public_html/css/container.scss
+++ b/public_html/css/container.scss
@@ -29,7 +29,7 @@
 		}
 
 		.inline-row{
-			flex: 3em 0 1;
+			flex: 3em 0 0;
 		}
 
 		// Barre de recherche
@@ -365,6 +365,13 @@
 
 				cursor: pointer;
 
+				// if in a list like history/view
+				&.list{
+					float: none;
+					margin-left: 50%;
+					transform: translateX(-50%);
+				}
+
 				& > svg{
 					width: 100%;
 					height: 100%;
@@ -398,19 +405,18 @@
 	/* [2-2] INLINE-ROW pour afficher des lignes
 	=========================================================*/
 	& > section.fstart{
-		flex-direction: row;
-		flex-wrap: wrap;
+		flex-direction: column;
+		flex-wrap: nowrap;
 
 		justify-content: flex-start;
 		align-items: center;
 
 		.searchbar{
-			flex: auto 1 1;
+			flex: 0 0 0;
+			width: calc( 100% - 2*2em );
 		}
 	}
 
-	& > section.active > .inline-row{ flex: auto 1 1; }
-
 	& > section > .inline-row{
 
 		width: calc( 100% - 4em - 2*1em );
diff --git a/public_html/css/min/container.css b/public_html/css/min/container.css
index d73f7f3..a89c6cb 100644
--- a/public_html/css/min/container.css
+++ b/public_html/css/min/container.css
@@ -41,7 +41,7 @@
 }
 
 #WRAPPER > #CONTAINER > section.active .inline-row {
-  flex: 3em 0 1;
+  flex: 3em 0 0;
 }
 
 #WRAPPER > #CONTAINER > section.active .searchbar {
@@ -570,6 +570,15 @@
   cursor: pointer;
 }
 
+#WRAPPER > #CONTAINER > section > .inline-box .link_edit.list,
+#WRAPPER > #CONTAINER > section > .inline-box .link_remove.list,
+#WRAPPER > #CONTAINER > section > .inline-row .link_edit.list,
+#WRAPPER > #CONTAINER > section > .inline-row .link_remove.list {
+  float: none;
+  margin-left: 50%;
+  transform: translateX(-50%);
+}
+
 #WRAPPER > #CONTAINER > section > .inline-box .link_edit > svg,
 #WRAPPER > #CONTAINER > section > .inline-box .link_remove > svg,
 #WRAPPER > #CONTAINER > section > .inline-row .link_edit > svg,
@@ -594,18 +603,15 @@
 }
 
 #WRAPPER > #CONTAINER > section.fstart {
-  flex-direction: row;
-  flex-wrap: wrap;
+  flex-direction: column;
+  flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
 }
 
 #WRAPPER > #CONTAINER > section.fstart .searchbar {
-  flex: auto 1 1;
-}
-
-#WRAPPER > #CONTAINER > section.active > .inline-row {
-  flex: auto 1 1;
+  flex: 0 0 0;
+  width: calc( 100% - 2*2em);
 }
 
 #WRAPPER > #CONTAINER > section > .inline-row {