Merge pull request #1013 from robintown/controls-overlay

Keep inspector from covering call buttons

src/room/InCallView.module.css

@@ -15,7 +15,6 @@ limitations under the License.
 */
 
 .inRoom {
-  position: relative;
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -26,6 +25,12 @@ limitations under the License.
   --footerHeight: calc(50px + 2 * var(--footerPadding));
 }
 
+.controlsOverlay {
+  position: relative;
+  flex: 1;
+  display: flex;
+}
+
 .centerMessage {
   display: flex;
   flex: 1;

src/room/InCallView.tsx

@@ -438,8 +438,10 @@ export function InCallView({
           </RightNav>
         </Header>
       )}
-      {renderContent()}
-      {footer}
+      <div className={styles.controlsOverlay}>
+        {renderContent()}
+        {footer}
+      </div>
       <GroupCallInspector
         client={client}
         groupCall={groupCall}