#217 - Adding Pixelated logo to user agent UI

3 files changed, 20 insertions, 8 deletions

diff --git a/web-ui/app/images/pixelated-logo_symbol_orange.svg b/web-ui/app/images/pixelated-logo_symbol_orange.svg
new file mode 100644
index 00000000..df48c83b
--- /dev/null
+++ b/web-ui/app/images/pixelated-logo_symbol_orange.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="55.918px" height="63.38px" viewBox="0 0 55.918 63.38" enable-background="new 0 0 55.918 63.38" xml:space="preserve">
+<path fill="#F9A731" d="M0,15.782v31.755L27.96,63.38l27.958-15.843V15.782L27.949,0L0,15.782z M26.814,51.89l-16.254-9.025V23.343
+	l16.279,9.344L26.814,51.89z M45.357,42.864L29.272,51.89l0.03-19.188l16.055-9.359V42.864z M45.357,20.664L28.011,30.948
+	l-17.45-10.284l17.45-9.402L45.357,20.664z"/>
+</svg>
diff --git a/web-ui/app/index.html b/web-ui/app/index.html
index 7e3189a2..58a36b59 100644
--- a/web-ui/app/index.html
+++ b/web-ui/app/index.html
@@ -22,7 +22,9 @@
 
   <div class="inner-wrap">
     <div id="menu" class="column collapsed-nav no-padding">
-      <a class="left-off-canvas-toggle" href="#"><i class="fa fa-navicon"></i></a>
+      <a class="left-off-canvas-toggle" href="#">
+      <img src="images/pixelated-logo_symbol_orange.svg" alt="Pixelated">  
+      <i class=" toggle fa fa-navicon"></i></a>
       <ul id="tags-shortcuts" class="shortcuts">
       </ul>
       <ul id="custom-tags-shortcuts" class="shortcuts">
diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index bd7ea2b5..c146b875 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -378,8 +378,6 @@ section {
   }
 }
 
-
-
 .buttons-group {
   clear: both;
   margin: 20px 0 0;
@@ -446,10 +444,6 @@ button {
   }
 }
 
-#menu {
-  padding-top: 55px;
-}
-
 .collapsed-nav {
   width: 50px;
   position: absolute;
@@ -466,9 +460,16 @@ button {
     top: 0;
     z-index: 10000;
     position: relative;
+
+    img {
+      padding-top: 1px;
+    }
+
+    .toggle {
+      padding-top: 20px;
+    }
   }
   ul.shortcuts {
-    margin-top: 10px;
     li {
       position: relative;
       margin-bottom: 5px;