Update elixir and some design changes

resources/assets/sass/_status-page.scss

@@ -278,11 +278,13 @@ body.status-page {
 
             &.break {
                 padding: 1px;
-                background-color: $cachet_gray_light;
+                background-color: $cachet-teal;
             }
         }
 
         &.components {
+            @extend .panel;
+            border-color: $cachet_gray_light;
             margin-bottom: 30px;
 
             p {
@@ -296,9 +298,6 @@ body.status-page {
                 color: $cachet-base-dark !important;
             }
 
-            .component:nth-child(2n) {
-                background-color: $cachet-base-medium;
-            }
         }
     }
 

resources/assets/sass/pages/_login.scss

@@ -25,6 +25,14 @@ body.login {
         font-size: 18px;
     }
 
+    .login-input {
+        height: 45px;
+    }
+
+    i {
+        font-size: 22px;
+    }
+
     .btn {
         &.btn-white {
             background-color: white;

resources/assets/sass/partials/_sidebar.scss

@@ -39,16 +39,23 @@ body.dashboard {
                         width: 50px;
                     }
                 }
-                .profile {
-                    &.username {
-                        word-break: break-all;
-                        color: $sidebar-text-color;
-                    }
+                .username-wrapper {
+                    @extend .hidden-sm;
+                }
+                &.username {
+                    word-break: break-all;
+                    color: $sidebar-text-color;
                 }
             }
             .quick-add-incident {
                 @extend .text-center;
                 padding: 10px;
+                i {
+                    @extend .visible-sm;
+                }
+                span {
+                    @extend .hidden-sm;
+                }
             }
             ul {
                 clear: both;
@@ -104,8 +111,14 @@ body.dashboard {
                     }
                 }
             }
+            & > ul > li > a {
+                & > span {
+                    @extend .hidden-sm;
+                }
+            }
         }
         .bottom-menu-sidebar {
+            @extend .hidden-sm;
             position: fixed;
             bottom: 0;
             width: 230px;
@@ -131,9 +144,6 @@ body.dashboard {
     @media (min-width: $screen-xs-max) {
         .sidebar {
             width: $sidebar-normal-width;
-            .bottom-menu-sidebar {
-                @extend .hidden-xs;
-            }
         }
 
         .wrapper.toggled .sidebar {
@@ -151,34 +161,21 @@ body.dashboard {
                 .profile .avatar img {
                     width: 40px;
                 }
-                .profile .username-wrapper {
-                    @extend .hidden-sm;
-                }
                 .quick-add-incident {
                     .btn {
                         padding: 3px 6px;
                     }
                     i {
-                        @extend .visible-sm;
                         font-size: 20px;
                     }
-                    span {
-                        @extend .hidden-sm;
-                    }
                 }
                 & > ul > li > a {
                     text-align: center;
                     & > i {
                         font-size: 25px;
                     }
-                    & > span {
-                        @extend .hidden-sm;
-                    }
                 }
             }
-            .bottom-menu-sidebar {
-                @extend .hidden-sm;
-            }
         }
     }