Add labels to tags notation buttons.
authorAlexandre Segura <mex.zktk@gmail.com>
Fri, 17 Mar 2017 14:53:01 +0100
changeset 446 f6462c744978
parent 445 2bed73d26854
child 447 3ad8513b751a
Add labels to tags notation buttons.
src_js/iconolab-bundle/src/components/tagform/ColorButtons.vue
--- a/src_js/iconolab-bundle/src/components/tagform/ColorButtons.vue	Fri Mar 17 14:36:09 2017 +0100
+++ b/src_js/iconolab-bundle/src/components/tagform/ColorButtons.vue	Fri Mar 17 14:53:01 2017 +0100
@@ -1,5 +1,6 @@
 <template>
     <div>
+        <span class="value-label small text-muted">Non</span>
         <div class="btn-group" data-toggle="buttons">
             <label
                 class="btn btn-default"
@@ -14,6 +15,7 @@
                 <span class="value-wrapper">{{ i }}</span>
             </label>
         </div>
+        <span class="value-label small text-muted">Oui</span>
     </div>
 </template>
 
@@ -118,7 +120,7 @@
 <style scoped>
 
 .btn-group {
-    margin-bottom: 10px;
+    margin: 0 5px 10px;
 }
 
 .btn {
@@ -126,6 +128,12 @@
     line-height: 12px;
 }
 
+.value-label {
+    display: inline-block;
+    vertical-align: middle;
+    margin-bottom: 10px;
+}
+
 .value-wrapper {
     font-size: 10px;
 }