From 67b70b92e415e03512beb72eee87d3c71274456c Mon Sep 17 00:00:00 2001
From: Timo <toger5@hotmail.de>
Date: Wed, 16 Jul 2025 15:53:05 +0200
Subject: [PATCH] add offset for earpice overlay

---
 src/room/EarpieceOverlay.module.css | 4 ++++
 src/room/EarpieceOverlay.tsx        | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/src/room/EarpieceOverlay.module.css b/src/room/EarpieceOverlay.module.css
index 20760406..fd46d0e2 100644
--- a/src/room/EarpieceOverlay.module.css
+++ b/src/room/EarpieceOverlay.module.css
@@ -61,3 +61,7 @@
 .overlay > p {
   text-align: center;
 }
+
+.spacer {
+  min-height: var(--cpd-space-32x);
+}
diff --git a/src/room/EarpieceOverlay.tsx b/src/room/EarpieceOverlay.tsx
index 0b720f90..14ce33cc 100644
--- a/src/room/EarpieceOverlay.tsx
+++ b/src/room/EarpieceOverlay.tsx
@@ -37,6 +37,8 @@ export const EarpieceOverlay: FC<Props> = ({ show, onBackToVideoPressed }) => {
       >
         {t("handset.overlay_back_button")}
       </Button>
+      {/* This spacer is used to give the overlay an offset to the top. */}
+      <div className={styles.spacer} />
     </div>
   );
 };