client: convert svg icons to png

while deploying a docker container both firefox and chrome refuse to
load same path svg (reporting 'image failed to load' but showing 200 on
the client, suggesting it is a behaviour implemnted after the HTTP
interaction is completed successfully), while they accept png. This is a
workaround. We already have other icons as png's, and we do not support
change in icon size, suggesting no down side to this right now. The svg
sources are left, and are actually still deployed (minor issue).

5 files changed, 6 insertions, 6 deletions

diff --git a/res/client/css/partials/zoom-buttons.scss b/res/client/css/partials/zoom-buttons.scss
index de1d104d..fabee320 100644
--- a/res/client/css/partials/zoom-buttons.scss
+++ b/res/client/css/partials/zoom-buttons.scss
@@ -10,7 +10,7 @@
 }
 
 #btn_zoom_to_selection {
-    background: url(../img/icon__zoom_to_selection.svg);
+    background: url(../img/icon__zoom_to_selection.png);
     background-position: center;
     background-repeat: no-repeat;
     width: 16px;
@@ -19,7 +19,7 @@
 }
 
 #btn_zoom_in {
-    background: url(../img/plus.svg);
+    background: url(../img/plus.png);
     background-position: center;
     background-repeat: no-repeat;
     width: 16px;
@@ -28,7 +28,7 @@
 }
 
 #btn_zoom_out {
-    background: url(../img/minus.svg);
+    background: url(../img/minus.png);
     background-position: center;
     background-repeat: no-repeat;
     width: 16px;
diff --git a/res/client/css/style.css b/res/client/css/style.css
index 54d0c7b0..3be53391 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -782,7 +782,7 @@ p {
   padding: 5px 4px 0px 4px; }
 
 #btn_zoom_to_selection {
-  background: url(../img/icon__zoom_to_selection.svg);
+  background: url(../img/icon__zoom_to_selection.png);
   background-position: center;
   background-repeat: no-repeat;
   width: 16px;
@@ -790,7 +790,7 @@ p {
   margin-bottom: 5px; }
 
 #btn_zoom_in {
-  background: url(../img/plus.svg);
+  background: url(../img/plus.png);
   background-position: center;
   background-repeat: no-repeat;
   width: 16px;
@@ -798,7 +798,7 @@ p {
   margin-bottom: 5px; }
 
 #btn_zoom_out {
-  background: url(../img/minus.svg);
+  background: url(../img/minus.png);
   background-position: center;
   background-repeat: no-repeat;
   width: 16px;
diff --git a/res/client/img/icon__zoom_to_selection.png b/res/client/img/icon__zoom_to_selection.png
new file mode 100644
index 00000000..9abe6623
--- /dev/null
+++ b/res/client/img/icon__zoom_to_selection.png
diff --git a/res/client/img/minus.png b/res/client/img/minus.png
new file mode 100644
index 00000000..543fa7c3
--- /dev/null
+++ b/res/client/img/minus.png
diff --git a/res/client/img/plus.png b/res/client/img/plus.png
new file mode 100644
index 00000000..8d3cc8fa
--- /dev/null
+++ b/res/client/img/plus.png