Slightly more stylised zoom buttons

3 files changed, 28 insertions, 20 deletions

diff --git a/res/client/css/partials/tool-bar.scss b/res/client/css/partials/tool-bar.scss
index 392acc1a..19479076 100644
--- a/res/client/css/partials/tool-bar.scss
+++ b/res/client/css/partials/tool-bar.scss
@@ -49,18 +49,4 @@
     background: url(../img/url-icon.png);
     background-position: center;
     background-repeat: no-repeat;
-}
-
-#btn_zoom_in {
-    background: url(../img/plus.svg);
-    background-position: center;
-    background-repeat: no-repeat;
-    border: 0px;
-}
-
-#btn_zoom_out {
-    background: url(../img/minus.svg);
-    background-position: center;
-    background-repeat: no-repeat;
-    border: 0px;
-}
+}
\ No newline at end of file
diff --git a/res/client/css/partials/zoom-bar.scss b/res/client/css/partials/zoom-bar.scss
deleted file mode 100644
index 5f3fc261..00000000
--- a/res/client/css/partials/zoom-bar.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-#zoom-bar {
-    position: absolute;
-    bottom: 50px;
-    right: 10px;
-}
diff --git a/res/client/css/partials/zoom-buttons.scss b/res/client/css/partials/zoom-buttons.scss
new file mode 100644
index 00000000..d938d5a3
--- /dev/null
+++ b/res/client/css/partials/zoom-buttons.scss
@@ -0,0 +1,27 @@
+#zoom-bar {
+  position: absolute;
+  bottom: 50px;
+  right: 10px;
+  background: white;
+  border-width: 1px;
+  border-style: solid;
+  border-color: grey;
+  padding: 5px 4px 0px 4px;
+  height: 40px;
+}
+
+#btn_zoom_in {
+  background: url(../img/plus.svg);
+  background-position: center;
+  background-repeat: no-repeat;
+  width: 16px;
+  height: 16px;
+}
+
+#btn_zoom_out {
+  background: url(../img/minus.svg);
+  background-position: center;
+  background-repeat: no-repeat;
+  width: 16px;
+  height: 25px;
+}