Added text to a buttons

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>

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;
+        }
+    }
+}