client: add plus and minus buttons css and images

2 files changed, 44 insertions, 0 deletions

diff --git a/res/client/css/partials/tool-bar.scss b/res/client/css/partials/tool-bar.scss
index 501ea931..77070b6f 100644
--- a/res/client/css/partials/tool-bar.scss
+++ b/res/client/css/partials/tool-bar.scss
@@ -16,6 +16,16 @@
     z-index: 1;
 }
 
+#tool-bar-top-bar {
+    float: right;
+    padding-bottom: 10px;
+}
+
+#tool-bar-multiple-node-operations {
+    float: right;
+    width: 100%;
+}
+
 #btn_filter {
     background: url(../img/toolbar_icon__filter.png);
     background-repeat: no-repeat;
@@ -41,3 +51,17 @@
     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;
+}
diff --git a/res/client/css/style.css b/res/client/css/style.css
index c7cd122a..d5338280 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -708,6 +708,14 @@ p {
   right: 20px;
   z-index: 1; }
 
+#tool-bar-top-bar {
+  float: right;
+  padding-bottom: 10px; }
+
+#tool-bar-multiple-node-operations {
+  float: right;
+  width: 100%; }
+
 #btn_filter {
   background: url(../img/toolbar_icon__filter.png);
   background-repeat: no-repeat;
@@ -729,6 +737,18 @@ p {
   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; }
+
 .graph-view {
   background-color: #f5f5fa;
   height: 100%; }