From 7ef9f094dacd8bfe0995454f62544d81883343f0 Mon Sep 17 00:00:00 2001
From: automated-signal <37887102+automated-signal@users.noreply.github.com>
Date: Tue, 24 Sep 2024 12:29:18 -0500
Subject: [PATCH] Adjust call lobby avatar and style

Co-authored-by: ayumi-signal <143036029+ayumi-signal@users.noreply.github.com>
---
 stylesheets/_modules.scss                      | 3 +--
 stylesheets/components/CallingLobby.scss       | 8 ++++++++
 stylesheets/components/CallingPreCallInfo.scss | 3 +--
 ts/components/CallingPreCallInfo.tsx           | 2 +-
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 2a195ed61a..d8d547f895 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -3680,14 +3680,13 @@ button.module-image__border-overlay:focus {
   }
 
   &__camera-is-off {
+    @include font-body-2;
     @include calling-text-shadow;
     align-items: center;
     color: $color-white;
     display: flex;
     flex-direction: column;
     flex-grow: 1;
-    font-size: 15px;
-    line-height: 20px;
     margin-block-start: 15px;
     margin-block-end: 15px;
     justify-content: center;
diff --git a/stylesheets/components/CallingLobby.scss b/stylesheets/components/CallingLobby.scss
index 940c8b4bd9..a5f94e08f4 100644
--- a/stylesheets/components/CallingLobby.scss
+++ b/stylesheets/components/CallingLobby.scss
@@ -22,6 +22,14 @@
       height: 100%;
       max-height: calc(100% - 140px);
       aspect-ratio: 4 / 3;
+
+      .module-calling__background--blur::before {
+        content: '';
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        background: $color-black-alpha-40;
+      }
     }
   }
 
diff --git a/stylesheets/components/CallingPreCallInfo.scss b/stylesheets/components/CallingPreCallInfo.scss
index 843067fdd0..664e890cd5 100644
--- a/stylesheets/components/CallingPreCallInfo.scss
+++ b/stylesheets/components/CallingPreCallInfo.scss
@@ -2,7 +2,6 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 
 .module-CallingPreCallInfo {
-  margin-block-start: 15px;
   text-align: center;
   user-select: none;
 
@@ -31,5 +30,5 @@
 
 .module-CallingPreCallInfo-spacer {
   flex-basis: 64px;
-  margin-block-start: 25px;
+  margin-block-start: 12px;
 }
diff --git a/ts/components/CallingPreCallInfo.tsx b/ts/components/CallingPreCallInfo.tsx
index a6d6394664..45eba7e2f1 100644
--- a/ts/components/CallingPreCallInfo.tsx
+++ b/ts/components/CallingPreCallInfo.tsx
@@ -196,7 +196,7 @@ export function CallingPreCallInfo({
         phoneNumber={conversation.phoneNumber}
         profileName={conversation.profileName}
         sharedGroupNames={conversation.sharedGroupNames}
-        size={AvatarSize.NINETY_SIX}
+        size={AvatarSize.SIXTY_FOUR}
         title={conversation.title}
         unblurredAvatarUrl={conversation.unblurredAvatarUrl}
         i18n={i18n}