adds IX logo to sideboard

Author: joshuarule

ui/dashboard/sideboard.reel/_sideboard.css

@@ -35,6 +35,25 @@
     padding: .5em;
 }
 
+.Sideboard-logo {
+    display: flex;
+    justify-content: flex-end;
+    padding: 1rem;
+    padding-top: 0;
+
+    & a {
+        transition: transform .1s ease-in-out;
+        &:hover {
+            transform: scale(1.05);
+        }
+    }
+
+    & img {
+        width: auto;
+        height: 1.5rem;
+    }
+}
+
 /* Toggle Button */
 
 .Sideboard-toggleSideboard {
@@ -109,6 +128,5 @@
 
 .Sideboard .Tasks {
     flex: 1;
-    margin-bottom: 3rem;
     min-height: 18rem;
 }

ui/dashboard/sideboard.reel/sideboard.html

@@ -85,11 +85,14 @@
                 <div data-montage-id="tasksIcon"></div>
             </div>
             <div data-montage-id="scroller" class="Sideboard-scroller">
-                <div class="g-padding">
+                <div class="flush-bottom g-padding">
                     <div data-montage-id="alerts" class="g-margin-bottom"></div>
                     <div data-montage-id="tasks"></div>
                 </div>
             </div>
+            <div class="Sideboard-logo">
+                <a href="http://www.ixsystems.com" target="_blank"><img src="../../../assets/images/ix_logo_text.png" alt="IX Systems Logo"></a>
+            </div>
             <div data-montage-id="toggleSideboard" class="Sideboard-toggleSideboard Button--naked Button--icon">
                 <div>
                     <svg><use xlink:href="#i-arrow"/></svg>