Multiple UI Improvements (#4420)

5 files changed, 23 insertions, 9 deletions

diff --git a/webapp/sass/components/_dropdown.scss b/webapp/sass/components/_dropdown.scss
index 39317358f..0051f09a3 100644
--- a/webapp/sass/components/_dropdown.scss
+++ b/webapp/sass/components/_dropdown.scss
@@ -17,13 +17,16 @@
         @include opacity(.15);
     }
 
-    div > a {
-        color: inherit;
-        text-decoration: none;
-
-        &:focus,
-        &:hover {
+    div,
+    li {
+        > a {
             color: inherit;
+            text-decoration: none;
+
+            &:focus,
+            &:hover {
+                color: inherit;
+            }
         }
     }
 }
diff --git a/webapp/sass/components/_modal.scss b/webapp/sass/components/_modal.scss
index 5f22c9a6a..71ed8e693 100644
--- a/webapp/sass/components/_modal.scss
+++ b/webapp/sass/components/_modal.scss
@@ -21,7 +21,7 @@
 
         .custom-textarea {
             max-height: 60vh;
-            min-height: 8em;
+            min-height: 20em;
         }
 
         .suggestion-list {
@@ -192,7 +192,7 @@
             .btn {
                 &.btn-primary {
                     float: right;
-                    margin: -4px 25px 0 0;
+                    margin: -4px 33px 0 0;
                     position: relative;
 
                     i {
@@ -592,7 +592,7 @@
     .more-modal__row {
         border-bottom: 1px solid $light-gray;
         display: flex;
-        min-height: 65px;
+        min-height: 50px;
         padding: 8px 15px;
     }
 
diff --git a/webapp/sass/components/_popover.scss b/webapp/sass/components/_popover.scss
index 2840c032e..4ff72da55 100644
--- a/webapp/sass/components/_popover.scss
+++ b/webapp/sass/components/_popover.scss
@@ -187,6 +187,12 @@
 .member-list__popover {
     max-width: initial;
 
+    .more-modal__list {
+        .more-modal__row {
+            min-height: inherit;
+        }
+    }
+
     .popover-content {
         max-height: 350px;
         padding: 0;
diff --git a/webapp/sass/components/_videos.scss b/webapp/sass/components/_videos.scss
index b2230f71d..93ad5707b 100644
--- a/webapp/sass/components/_videos.scss
+++ b/webapp/sass/components/_videos.scss
@@ -82,6 +82,10 @@
     &.placeholder {
         height: 500px;
     }
+
+    .sidebar--right & {
+        max-width: 100%;
+    }
 }
 
 .video-loading {
diff --git a/webapp/sass/components/_webrtc.scss b/webapp/sass/components/_webrtc.scss
index 42d491341..b025ab00c 100644
--- a/webapp/sass/components/_webrtc.scss
+++ b/webapp/sass/components/_webrtc.scss
@@ -65,6 +65,7 @@
     .control-label {
         @include border-radius(3px);
         background: #f2f2f2;
+        color: alpha-color($black, .7);
         font-size: 14px;
         font-weight: normal;
         margin: 1em 0 -1em;