From 2ce339f1e28920a3faf159ad6e8d60d86c6a7bc5 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Wed, 7 Mar 2018 19:00:21 +0100
Subject: [PATCH] [webpack.teacher.view] fixed '(cas_login)' layout
 (parenthesis are no more in pseudo-elements but included in HTML render) +
 white-space: nowrap allows it not to be multiline |
 [css.container.card.instant-search] fixed '+' toggle button layout (except
 extremely small resolution)

---
 webpack/component/teacher/view.vue |  4 ++--
 webpack/scss/container.scss        | 13 ++++++++-----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/webpack/component/teacher/view.vue b/webpack/component/teacher/view.vue
index d557ad4..ea2fc9c 100644
--- a/webpack/component/teacher/view.vue
+++ b/webpack/component/teacher/view.vue
@@ -16,7 +16,7 @@
 				</select>
 				<h1>
 					<input type='text' placeholder='Prénom Nom' v-model='gstore.create_name'>
-					<span data-visible='1'><input type='text' placeholder='identifiant' v-model='gstore.create_cas'></span>
+					<span data-visible='1'>(<input type='text' placeholder='identifiant' v-model='gstore.create_cas'>)</span>
 				</h1>
 
 				<div class='table'>
@@ -46,7 +46,7 @@
 				<div class='admin'  :data-admin='prof.idProfesseur'  :data-active='prof.admin?1:0' @click="gstore.ia_handler(pi)"></div>
 
 				<span class='category'>{{ prof.categorie }}</span>
-				<h1 :class="prof.hoursToDo > prof.equiTD ? 'warning' : ''">{{ prof.firstName }} {{ prof.lastName }} <span :data-visible='prof.casLogin.length'>{{ prof.casLogin }}</span></h1>
+				<h1 :class="prof.hoursToDo > prof.equiTD ? 'warning' : ''">{{ prof.firstName }} {{ prof.lastName }} <span :data-visible='prof.casLogin.length'>({{ prof.casLogin }})</span></h1>
 
 				<div class='table'>
 					<div>
diff --git a/webpack/scss/container.scss b/webpack/scss/container.scss
index 76b0856..a0a5b52 100644
--- a/webpack/scss/container.scss
+++ b/webpack/scss/container.scss
@@ -113,6 +113,8 @@
 		margin: 1em .5em;
 		padding: .5em 1em;
 
+		margin-right: 0;
+
 		border-radius: 3px / 3px;
 		background-color: #fff;
 
@@ -122,9 +124,11 @@
 			display: inline-block;
 			position: relative;
 
-			flex: 0 1 calc( 2em - 2*.5em );
+			flex: 0 0 calc( 2em - 2*.5em );
 
 			margin: 1em .5em;
+			margin-left: 0;
+
 			font-weight: bold;
 
 		}
@@ -268,9 +272,9 @@
 			font-size: 1em;
 
 			// flex
-			flex-direction: row;
+			flex-direction:  row;
 			justify-content: flex-start;
-			flex-wrap: nowrap;
+			flex-wrap:       nowrap;
 
 			&.warning:before{
 				content: '';
@@ -322,8 +326,7 @@
 
 				transform: scale(.9);
 
-				&:before{ content: '('; }
-				&:after{ content: ')'; }
+				white-space: nowrap;
 
 				&[data-visible='0']{ display: none; }