From 97767bdf51493c400d56567817f9d94119facb2e Mon Sep 17 00:00:00 2001
From: =?utf8?q?=C4=BDubom=C3=ADr=20Balogh?= <lubomir.balogh@pantheon.tech>
Date: Mon, 5 Sep 2016 16:26:43 +0200
Subject: [PATCH] Yangman - changed md-switch style
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Bug 6549 - added T & F to indicate states of the knob
	 - form imputs are aligned

Change-Id: I18a285e03e409c9d71b53fe06c510493a908df0a
Signed-off-by: Ľubomír Balogh <lubomir.balogh@pantheon.tech>
---
 .../rightpanel/form/config/types/boolean.tpl.html  |  4 +++-
 .../src/main/resources/yangman/yangman.less        | 14 ++++++++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/modules/yangman-resources/src/main/resources/yangman/views/rightpanel/form/config/types/boolean.tpl.html b/modules/yangman-resources/src/main/resources/yangman/views/rightpanel/form/config/types/boolean.tpl.html
index 6dc3c874..fd564b4a 100644
--- a/modules/yangman-resources/src/main/resources/yangman/views/rightpanel/form/config/types/boolean.tpl.html
+++ b/modules/yangman-resources/src/main/resources/yangman/views/rightpanel/form/config/types/boolean.tpl.html
@@ -1,7 +1,9 @@
-<section ng-controller="YMTypeBooleanCtrl as yangTypeBolean" flex>
+<section ng-controller="YMTypeBooleanCtrl as yangTypeBolean" layout="row" class="layout-row flex-center" flex>
+	<span class="mr8">F</span>
     <md-switch ng-model="node.value"
                id="{{ node.label + node.id }}"
                aria-label="Boolean"
                ng-disabled="{{ yangOutput.notEditable }}">
     </md-switch>
+    <span>T</span>
 </section>
diff --git a/modules/yangman-resources/src/main/resources/yangman/yangman.less b/modules/yangman-resources/src/main/resources/yangman/yangman.less
index b082ed16..66e9e6e7 100644
--- a/modules/yangman-resources/src/main/resources/yangman/yangman.less
+++ b/modules/yangman-resources/src/main/resources/yangman/yangman.less
@@ -51,10 +51,19 @@
     margin-bottom: 30px;
 }
 
+.mr8{
+    margin-right: 8px;
+}
+
 .nrp{
     padding-right: 0!important;
 }
 
+.flex-center {
+    align-items: center;
+    justify-content: center;
+}
+
 // general
 .md-open-menu-container{
     span{
@@ -755,8 +764,9 @@ md-input-container{
             }
 
             p.top-element{
-                margin: 0 10px 0 0;
-                min-width: 80px;
+                margin: 5px 10px 0 0;
+                word-wrap: break-word;
+                width: 100px;
 
                 &.list-label{
                     color: @colorActive;
-- 
2.36.6