client: add plus and minus buttons css and images

4 files changed, 92 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%; }
diff --git a/res/client/img/minus.svg b/res/client/img/minus.svg
new file mode 100644
index 00000000..d79fb534
--- /dev/null
+++ b/res/client/img/minus.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="24px"
+   height="24px"
+   viewBox="0 0 24 24"
+   id="svg2"
+   version="1.1">
+  <path
+     style="opacity:1;fill:#000000;fill-opacity:1;stroke-width:0;"
+     id="minus"
+     width="24.0"
+     height="24.0"
+     x="0"
+     y="0"
+     d="M 0 10 L 24 10 L 24 14 L 0 14 L 0 10"
+     />
+</svg>
diff --git a/res/client/img/plus.svg b/res/client/img/plus.svg
new file mode 100644
index 00000000..f58526a3
--- /dev/null
+++ b/res/client/img/plus.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="24px"
+   height="24px"
+   viewBox="0 0 24 24"
+   id="svg2"
+   version="1.1">
+  <path
+     style="opacity:1;fill:#000000;fill-opacity:1;stroke-width:0;"
+     id="plus"
+     width="24.0"
+     height="24.0"
+     x="0"
+     y="0"
+     d="M 10 0 L 14 0 L 14 10 L 24 10 L 24 14 L 14 14 L 14 24 L 10 24 L 10 14 L 0 14 L 0 10 L 10 10 L 10 0"
+     />
+</svg>