From 367d3c5988064f93276fc5791e5d956b049be1bd Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Tue, 17 Apr 2018 18:13:57 +0200
Subject: [PATCH] [ue.manage][scss.container.list] fuckin' layout pseudo~fix~~~

---
 webpack/component/ue/manage.vue  | 14 +++++---------
 webpack/scss/container/list.scss | 14 ++++++++++----
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/webpack/component/ue/manage.vue b/webpack/component/ue/manage.vue
index e77aad4..7adca42 100644
--- a/webpack/component/ue/manage.vue
+++ b/webpack/component/ue/manage.vue
@@ -11,9 +11,8 @@
 
 			<!-- FILTERS -->
 			<section class='filter'>
-
+				<div style='flex-basis: 3.2em'></div>
 				<div data-filter='1'>enseignant     <span class='arrow' data-way='down'></span></div>
-				<div></div>
 				<div data-filter='0'>volume horaire <span class='arrow' data-way='down'></span></div>
 				<div data-filter='0'>formations     <span class='arrow' data-way='down'></span></div>
 
@@ -33,7 +32,7 @@
 				</select>
 				<select v-model='gstore.ccrea.type' class='min'>
 					<option value='-' disabled>Type</option>
-					<option value='0'>Cours</option>
+					<option value='0'>CM</option>
 					<option value='1'>TD</option>
 					<option value='2'>TP</option>
 				</select>
@@ -64,8 +63,7 @@
 					<option value='-1' v-show='c.idProf!=-1'>Aucun enseignant affecté</option>
 					<option v-for='p in gstore.manage.prof' :value='p.idProfesseur' v-show='p.idProfesseur!=c.idProf'>{{ `${p.firstName} ${p.lastName}` }}</option>
 				</select>
-				<div>CM</div>
-				<div><span class='mono'>{{ c.volume }}</span> heures</div>
+				<div class='cm reflow active'>{{ c.volume }}</div>
 				<div class='taglist'>
 					<div v-for='f in c.formations' data-action>
 					 	<span class='tag'>{{ gstore.form_by_id(f).labelForm || '???' }}</span>
@@ -103,8 +101,7 @@
 					<option value='-1' v-show='td.idProf!=-1'>Aucun enseignant affecté</option>
 					<option v-for='p in gstore.manage.prof' :value='p.idProfesseur' v-show='p.idProfesseur!=td.idProf'>{{ `${p.firstName} ${p.lastName}` }}</option>
 				</select>
-				<div>TD</div>
-				<div><span class='mono'>{{ td.volume }}</span> heures</div>
+				<div class='td reflow active'>{{ td.volume }}</div>
 				<div class='taglist'>
 					<div v-for='f in td.formations' data-action>
 					 	<span class='tag'>{{ gstore.form_by_id(f).labelForm || '???' }}</span>
@@ -142,8 +139,7 @@
 					<option value='-1' v-show='tp.idProf!=-1'>Aucun enseignant affecté</option>
 					<option v-for='p in gstore.manage.prof' :value='p.idProfesseur' v-show='p.idProfesseur!=tp.idProf'>{{ `${p.firstName} ${p.lastName}` }}</option>
 				</select>
-				<div>TP</div>
-				<div><span class='mono'>{{ tp.volume }}</span> heures</div>
+				<div class='tp reflow active'>{{ tp.volume }}</div>
 				<div class='taglist'>
 					<div v-for='f in tp.formations' data-action>
 					 	<span class='tag'>{{ gstore.form_by_id(f).labelForm || '???' }}</span>
diff --git a/webpack/scss/container/list.scss b/webpack/scss/container/list.scss
index 9884b13..eb0783d 100644
--- a/webpack/scss/container/list.scss
+++ b/webpack/scss/container/list.scss
@@ -43,11 +43,15 @@
 
 		/* (1.1) Element item */
 		& > div:not(.icon),
+		& > select,
 		& > input{
-			flex: 1 1 0;
+			flex: 0 1 30%;
 
 			// fix
-			&.taglist{ margin: 0; }
+			&.taglist{
+				margin: 0;
+				margin-left: 1.5em;
+			}
 		}
 
 		/* (1.2) Hover animation */
@@ -69,7 +73,7 @@
 
 		/* (1.3) Select elements*/
 		& > select{
-			display: inline-block;
+			display: block;
 			position: relative;
 				height: 1.8em;
 
@@ -93,7 +97,7 @@
 			-moz-appearance:    none;
 			appearance:         none;
 
-			flex: 0 1 20em;
+			// flex: 0 1 15em;
 
 			&.min{ flex: 0 1 5em; }
 
@@ -132,6 +136,8 @@
 				background-image: url('/asset/svg/cross.svg@aaaaaa');
 				&:hover{ background-image: url('/asset/svg/cross.svg@#{$rd-form-invalid-color}'); }
 			}
+
+			&.hidden{ background: transparent; }
 		}
 	}