Add CSS variable to make the UI gaps consistent and fix the resize handle position (#7234)

Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2021-12-06 13:10:52 +01:00
parent 12000060a5
commit 9bcb82d6dc
8 changed files with 34 additions and 26 deletions
@@ -26,7 +26,9 @@ limitations under the License.

 .mx_CallView_large {
    padding-bottom: 10px;
-    margin: 5px 5px 5px 13px;
+    margin: $container-gap-width;
+    margin-right: calc($container-gap-width / 2); // The left side gap is fully handled by this margin. To prohibit bleeding on webkit browser.
+    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    flex: 1;