Fixing pixelated logo. For some reason, the svg file wasn't being displayed, so I changed to a png file instead

3 files changed, 2 insertions, 5 deletions

diff --git a/web-ui/app/images/pixelated-logo_symbol_orange.png b/web-ui/app/images/pixelated-logo_symbol_orange.png
new file mode 100644
index 00000000..5ee5cc2f
--- /dev/null
+++ b/web-ui/app/images/pixelated-logo_symbol_orange.png
diff --git a/web-ui/app/index.html b/web-ui/app/index.html
index 8123c3ef..17570852 100644
--- a/web-ui/app/index.html
+++ b/web-ui/app/index.html
@@ -26,7 +26,7 @@
   <div class="inner-wrap">
     <div id="menu" class="column collapsed-nav no-padding">
       <a class="left-off-canvas-logo" href="#">
-        <img id="pixelated-logo" src="assets/images/pixelated-logo_symbol_orange.svg" alt="Pixelated">
+        <img id="pixelated-logo" src="/assets/images/pixelated-logo_symbol_orange.png" alt="Pixelated">
       </a>
       <a class="left-off-canvas-toggle" href="#">
         <i class=" toggle fa fa-navicon"></i>
diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index 0bc40756..c170bf49 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -472,11 +472,8 @@ button {
 
   .left-off-canvas-logo {
     text-align: center;
-    padding: 10px;
+    padding: 7px;
     display: block;
-    img {
-      padding-top: 1px;
-    }
  }
 
   .left-off-canvas-toggle {