fix tagbox mti input label

static/css/comex_user.css

@@ -178,7 +178,7 @@ input.readonly {
     -webkit-transition: opacity .3s ease-in;
     letter-spacing: .02em;
     font-weight: bold;
-    font-size: .8em;
+    font-size: 1em;
 }
 .box-highlight-close {
   font-size: .7em;
@@ -189,15 +189,20 @@ input.readonly {
   right: 0px;
   color: #eed;
   /*background-color: #333;*/
-  padding: .5em;
+  padding: .7em;
 }
 
 .tagbox-container {
     background-color:#eee ;
-    border-bottom: 3px solid #ccc;
+    border: 1.25px solid #ccc;
+    border-radius: 4px;
     min-width: 50em;
 }
-
+.tagbox-label {
+    background-color:#eee ;
+    border: none;
+    border-right: 1.25px solid #ccc !important;
+}
 
 /* form categories: like form sections etc. */
 h3.formcat {

templates/profile.html

@@ -289,13 +289,10 @@
 
                <div class="question">
                  <div class="input-group tagbox-container">
-                   <label for="keywords" class="smlabel input-group-addon">* Key subjects</label>
+                   <label for="keywords" class="smlabel input-group-addon tagbox-label">* Key subjects</label>
                    <input id="keywords" name="keywords" maxlength="350"
                           type="text" class="form-control autocomp" placeholder="Add a keyword here"
                           value="{{ current_user.info.keywords }}">
-                    <!-- <div class="input-group-addon operation-dark">
-                        <span class="glyphicon glyphicon-plus" onclick="TODO DEPRECATED mtiPopOneTag['keywords']"></span>
-                    </div> -->
                  </div>
                  <p class="legend">Please enter at least 5 keywords (press TAB or ENTER after each)</p>
                </div>
@@ -328,7 +325,7 @@
                <div class="question">
                  <p class="legend">Hashtags for community interest groups (seminars, mailing lists, events...)</p>
                  <div class="input-group tagbox-container">
-                   <label for="hashtags" class="smlabel input-group-addon">Interest groups</label>
+                   <label for="hashtags" class="smlabel input-group-addon tagbox-label">Interest groups</label>
                    <input id="hashtags" name="hashtags" maxlength="350"
                           type="text" class="form-control" placeholder="eg #dataviz, #networks, #rochebrune2018"
                           value="{{ current_user.info.hashtags }}">

templates/registration_super_short_form.html

@@ -150,10 +150,9 @@
 
                <div class="question">
                  <div class="input-group tagbox-container">
-                   <label for="keywords" class="smlabel input-group-addon">* Key subjects</label>
+                   <label for="keywords" class="smlabel input-group-addon tagbox-label">* Key subjects</label>
                    <input id="keywords" name="keywords" maxlength="350"
-                          type="text" class="form-control autocomp" placeholder="keywords"
-                          placeholder="keywords">
+                          type="text" class="form-control autocomp" placeholder="keywords">
                  </div>
                  <p class="legend">Please enter at least 5 keywords (press TAB or ENTER after each)</p>
                </div>
@@ -162,8 +161,7 @@
                  <div class="input-group">
                    <label for="lab_label" class="smlabel input-group-addon">Lab / Team / Dept</label>
                    <input id="lab_label" name="lab_label" maxlength="120"
-                          type="text" class="form-control" placeholder="Your lab"
-                          placeholder="lab_label">
+                          type="text" class="form-control" placeholder="Your lab">
                  </div>
                </div>
 
@@ -172,8 +170,7 @@
                  <div class="input-group">
                    <label for="lab_locname" class="smlabel input-group-addon">Lab city</label>
                    <input id="lab_locname" name="lab_locname" maxlength="50"
-                          type="text" class="form-control" placeholder="Ville de votre labo"
-                          placeholder="lab_locname">
+                          type="text" class="form-control" placeholder="Your lab city/location">
                  </div>
                </div>