Multiple UI Improvements (#4117)

webapp/components/admin_console/user_item.jsx

@@ -551,6 +551,7 @@ export default class UserItem extends React.Component {
                         {authServiceText}
                         {mfaActiveText}
                     </div>
+                    {serverError}
                 </div>
                 <div className='more-modal__actions'>
                     <div className='dropdown member-drop'>
@@ -580,7 +581,6 @@ export default class UserItem extends React.Component {
                     </div>
                 </div>
                 {makeDemoteModal}
-                {serverError}
             </div>
         );
     }

webapp/sass/components/_modal.scss

@@ -24,6 +24,10 @@
             min-height: 8em;
         }
 
+        .suggestion-list {
+            bottom: -149px;
+        }
+
         .suggestion-list__content {
             max-height: 150px;
         }

webapp/sass/components/_webrtc.scss

@@ -20,7 +20,7 @@
 .webrtc__notification--rhs {
     background: $button--ready;
     border-radius: 3px 0 0 3px;
-    bottom: 10px;
+    bottom: -5px;
     color: $white;
     cursor: pointer;
     padding: 10px 15px;
@@ -41,6 +41,13 @@
     padding: 0 20px;
     text-align: center;
 
+    .form-group {
+        padding: 0 20px;
+        position: relative;
+        text-align: center;
+        z-index: 9999;
+    }
+
     .control-label {
         @include border-radius(3px);
         background: #f2f2f2;

webapp/sass/layout/_post-right.scss

@@ -82,7 +82,7 @@
         }
 
         .post-create-footer {
-            padding: 5px 0 10px;
+            padding: 5px 0 30px;
             width: 100%;
         }
 

webapp/sass/layout/_post.scss

@@ -964,6 +964,7 @@ body.ios {
 
         ul,
         ol {
+            font-size: .97em;
             margin-bottom: .4em;
             padding-left: 20px;
 

webapp/sass/responsive/_mobile.scss

@@ -1,6 +1,15 @@
 @charset 'UTF-8';
 
 @media screen and (max-width: 768px) {
+    .app__body {
+        .edit-modal-body {
+
+            .custom-textarea {
+                max-height: 30vh;
+            }
+        }
+    }
+
     .tutorial-steps__container {
         .tutorial__content {
             .tutorial__steps {