changeset 1150:7acd24889f1d

used fontawesome icons for zoom buttons
author Markus Kottlaender <markus@intevation.de>
date Tue, 13 Nov 2018 11:44:46 +0100
parents cc854d5dc96e
children a499f450420e
files client/src/zoom/zoom.vue
diffstat 1 files changed, 6 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/zoom/zoom.vue	Tue Nov 13 11:37:06 2018 +0100
+++ b/client/src/zoom/zoom.vue	Tue Nov 13 11:44:46 2018 +0100
@@ -1,7 +1,11 @@
 <template>
     <div class="d-flex buttoncontainer shadow" :style="showSplitscreen ? 'margin-bottom: 51vh' : ''">
-        <button class="zoomButton rounded-left ui-element border-right" @click="zoomIn">+</button>
-        <button class="zoomButton rounded-right ui-element" @click="zoomOut">-</button>
+        <button class="zoomButton rounded-left ui-element border-right" @click="zoomIn">
+            <i class="fa fa-plus"></i>
+        </button>
+        <button class="zoomButton rounded-right ui-element" @click="zoomOut">
+            <i class="fa fa-minus"></i>
+        </button>
     </div>
 </template>