style(sidebar): add a small logo in the sidebar (#1255)

app/components/sidebar/sidebar.html

@@ -75,11 +75,9 @@
     </li>
   </ul>
   <div class="sidebar-footer">
-    <div class="col-xs-12">
-      <a href="https://github.com/portainer/portainer" target="_blank">
-        <i class="fa fa-github" aria-hidden="true"></i>
-        Portainer {{ uiVersion }}
-      </a>
+    <div class="col-sm-12">
+      <img src="images/logo_small.png" class="img-responsive logo" alt="Portainer">
+      <span class="version">{{ uiVersion }}</span>
     </div>
   </div>
 </div>

assets/css/app.css

@@ -296,6 +296,20 @@ ul.sidebar .sidebar-list a.active {
   background: #2d3e63;
 }
 
+.sidebar-footer .logo {
+  width: 100%;
+  max-width: 100px;
+  height: 100%;
+  max-height: 35px;
+  margin: 2px 0 2px 20px;
+}
+
+.sidebar-footer .version {
+  font-size: 11px;
+  margin: 11px 20px 0 7px;
+  color: #fff;
+}
+
 #image-layers .btn{
   padding: 0;
 }