From e96f3120cfd6bbf1f144ad9d10f9047b013fd811 Mon Sep 17 00:00:00 2001
From: NejcZdovc <nejc.zdovc@3zsistemi.si>
Date: Thu, 17 Nov 2016 07:33:16 +0100
Subject: [PATCH] Added text to a buttons

---
 .../popover/tab/mouse/mouse-tab.component.html   | 16 ++++++++++++----
 .../popover/tab/mouse/mouse-tab.component.scss   | 15 +++++++++++++++
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/components/popover/tab/mouse/mouse-tab.component.html b/src/components/popover/tab/mouse/mouse-tab.component.html
index 00407d7b..edd1217d 100644
--- a/src/components/popover/tab/mouse/mouse-tab.component.html
+++ b/src/components/popover/tab/mouse/mouse-tab.component.html
@@ -87,12 +87,20 @@
             <p>You can set the multiplier in <a href="#" title="link to the setting">link to setting</a>.</p>
         </div>
         <div class="btn-group btn-group-lg" role="group">
-            <button type="button" class="btn btn-default"
+            <div class="btn btn-default"
                 [class.btn-primary]="mouseActionParam === MouseActionParam.decelerate"
-                (click)="setMouseActionParam(MouseActionParam.decelerate)">-</button>
-            <button type="button" class="btn btn-default"
+                (click)="setMouseActionParam(MouseActionParam.decelerate)"
+            >
+                -
+                <span>Decelerate</span>
+            </div>
+            <div class="btn btn-default"
                 [class.btn-primary]="mouseActionParam === MouseActionParam.accelerate"
-                (click)="setMouseActionParam(MouseActionParam.accelerate)">+</button>
+                (click)="setMouseActionParam(MouseActionParam.accelerate)"
+            >
+                +
+                <span>Accelerate</span>
+            </div>
         </div>
     </div>
     <div *ngSwitchDefault>
diff --git a/src/components/popover/tab/mouse/mouse-tab.component.scss b/src/components/popover/tab/mouse/mouse-tab.component.scss
index 2afeee7f..55439a02 100644
--- a/src/components/popover/tab/mouse/mouse-tab.component.scss
+++ b/src/components/popover/tab/mouse/mouse-tab.component.scss
@@ -63,3 +63,18 @@
         }
     }
 }
+
+.mouse__config--speed {
+    .btn-default {
+        font-size: 25px;
+        line-height: 22px;
+        padding-top: 4px;
+        padding-bottom: 4px;
+
+        span {
+            font-size: 13px;
+            display: block;
+            text-align: center;
+        }
+    }
+}