From 4d2ecc98b0c4d0d9e5a357e930203b6c917ccb8c Mon Sep 17 00:00:00 2001
From: Panagiotis <27917356+panoschal@users.noreply.github.com>
Date: Sat, 13 Mar 2021 19:11:57 +0200
Subject: [PATCH] fix: decrease the size of CallView on smaller screens

so that when the user opens the search box, it does not disappear, and AuxPanel does not need an awkward scrollbar
---
 res/css/views/voip/_CallView.scss      | 2 +-
 src/components/views/voip/CallView.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/res/css/views/voip/_CallView.scss b/res/css/views/voip/_CallView.scss
index 4ade5d90f8..7f01aecbcd 100644
--- a/res/css/views/voip/_CallView.scss
+++ b/res/css/views/voip/_CallView.scss
@@ -31,7 +31,7 @@ limitations under the License.
     .mx_CallView_voice {
         height: 360px;
         @media only screen and (max-height: 768px) {
-            height: 300px;
+            height: 220px;
         }
     }
 }
diff --git a/src/components/views/voip/CallView.tsx b/src/components/views/voip/CallView.tsx
index 9bdc8fb11d..762a2bb941 100644
--- a/src/components/views/voip/CallView.tsx
+++ b/src/components/views/voip/CallView.tsx
@@ -538,7 +538,8 @@ export default class CallView extends React.Component<IProps, IState> {
                 {callControls}
             </div>;
         } else {
-            const avatarSize = this.props.pipMode ? 76 : 160;
+            const normalAvatarSize = window.innerHeight <= 768 ? 120 : 160;
+            const avatarSize = this.props.pipMode ? 76 : normalAvatarSize;
             const classes = classNames({
                 mx_CallView_voice: true,
                 mx_CallView_voice_hold: isOnHold,