Multiple UI fixes (#3357)

* Multiple UI fixes

* Removing utils from tutorial file

webapp/sass/components/_tutorial.scss

@@ -66,11 +66,11 @@
         margin-top: -10px;
 
         .arrow {
-            border-top-width: 0;
             border-bottom-color: $white;
-            top: -10px;
+            border-top-width: 0;
             left: 50%;
             margin-left: -10px;
+            top: -10px;
         }
     }
 
@@ -168,12 +168,15 @@
 .tutorial-steps__container {
     display: table;
     height: 100%;
+    left: 0;
+    position: absolute;
     text-align: center;
+    top: 0;
     width: 100%;
 
     .tutorial__content {
         display: table-cell;
-        padding: 20px 40px 40px;
+        padding: 20px 40px 80px;
         vertical-align: middle;
 
         .tutorial__steps {

webapp/sass/layout/_post.scss

@@ -534,9 +534,8 @@ body.ios {
 
             ol,
             ul {
-                display: inline-block;
-                margin-top: 1px;
-                padding-left: 30px;
+                clear: both;
+                padding-left: 20px;
             }
         }
 
@@ -911,14 +910,18 @@ body.ios {
         ul,
         ol {
             margin-bottom: .4em;
+            padding-left: 20px;
 
             p {
                 margin-bottom: 0;
             }
 
-            li ul,
-            li ol {
-                padding: 10px 0 0 20px;
+            li {
+                ul,
+                ol {
+                    margin: 0;
+                    padding: 0 0 0 20px;
+                }
             }
 
             li.list-item--task-list ul,
@@ -991,7 +994,7 @@ body.ios {
         margin: 0 0 10px;
         text-rendering: auto;
 
-        &.pull-left{
+        &.pull-left {
             margin: 5px 5px 0 0;
         }
 

webapp/sass/routes/_admin-console.scss

@@ -82,6 +82,12 @@
             text-align: left;
         }
 
+        .has-error {
+            .control-label {
+                font-weight: normal;
+            }
+        }
+
         .form-group {
             margin-bottom: 25px;
         }
@@ -321,7 +327,6 @@
 
     .sidebar-section-title,
     .sidebar-subsection-title {
-        @include clearfix;
         color: alpha-color($white, .5);
         display: block;
         font-size: 13px;

webapp/sass/routes/_backstage.scss

@@ -303,14 +303,14 @@ body {
     border: 1px solid $light-gray;
     display: inline-block;
     height: 210px;
-    margin: 0 0 20px 30px;
+    margin: 0 30px 30px 0;
     padding: 20px;
     text-align: center;
     vertical-align: top;
     width: 250px;
 
-    &:first-child {
-        margin-left: 0;
+    &:last-child {
+        margin-right: 0;
     }
 
     &:hover {

webapp/sass/routes/_settings.scss

@@ -269,6 +269,7 @@
                         display: none;
                         font-size: 12px;
                         margin-right: 5px;
+
                         &.fa-chevron-down {
                             margin-right: 0;
                             position: relative;
@@ -290,6 +291,14 @@
 
                 .divider-light {
                     border-bottom: 1px solid lightgrey;
+
+                    & + .divider-light {
+                        display: none;
+                    }
+
+                    & + .divider-dark {
+                        display: none;
+                    }
                 }
 
                 .setting-list {