diff --git a/src/components/CallView/CallView.vue b/src/components/CallView/CallView.vue index 8f40ae626ea..a3ab739c087 100644 --- a/src/components/CallView/CallView.vue +++ b/src/components/CallView/CallView.vue @@ -699,6 +699,7 @@ export default { -webkit-align-items: flex-end; align-items: flex-end; flex-direction: column; + padding: 1px 8px 8px 8px; } .video__promoted { diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue index 84a0069e7df..a73377d4683 100644 --- a/src/components/CallView/Grid/Grid.vue +++ b/src/components/CallView/Grid/Grid.vue @@ -813,10 +813,12 @@ export default { display: grid; height: 100%; width: 100%; - &:not(.stripe) { - grid-row-gap: 8px; - grid-column-gap: 8px; - padding: 1px 8px 8px 8px; + + grid-row-gap: 8px; + grid-column-gap: 8px; + + &.stripe { + padding: 8px 8px 0 0; } } diff --git a/src/components/CallView/shared/LocalVideo.vue b/src/components/CallView/shared/LocalVideo.vue index 90df030284c..21badf2e8c2 100644 --- a/src/components/CallView/shared/LocalVideo.vue +++ b/src/components/CallView/shared/LocalVideo.vue @@ -336,11 +336,12 @@ export default { .video-container-stripe { position:relative; - height: 100%; flex: 0 0 300px; overflow: hidden; display: flex; flex-direction: column; + margin-top: 8px; + height: 242px !important; } .videoWrapper, diff --git a/src/components/CallView/shared/Video.vue b/src/components/CallView/shared/Video.vue index 5a3b2e4dda3..6a462bfc4ae 100644 --- a/src/components/CallView/shared/Video.vue +++ b/src/components/CallView/shared/Video.vue @@ -531,6 +531,7 @@ export default { overflow: hidden; display: flex; flex-direction: column; + border-radius: var(--border-radius-large); } .video-container-big { @@ -556,6 +557,7 @@ export default { display: flex; justify-content: center; align-items: center; + border-radius: var(--border-radius-large); } .videoWrapper, diff --git a/src/components/CallView/shared/VideoBackground.vue b/src/components/CallView/shared/VideoBackground.vue index a7e8d43849f..3090ac5a895 100644 --- a/src/components/CallView/shared/VideoBackground.vue +++ b/src/components/CallView/shared/VideoBackground.vue @@ -177,7 +177,7 @@ export default { position: absolute; top: 50%; left: 50%; - transform: translate(-50%,-50%) + transform: translate(-50%,-50%); } h3 {