From 9de09f6cdffb9d69faf8847dc33b1f05573e7975 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Sun, 11 Feb 2024 06:30:52 -0600
Subject: [PATCH] fix tooltips on mobile and make 2-row cameras full height
 (#9787)

---
 web/src/components/Sidebar.tsx | 1 +
 web/src/pages/Live.tsx         | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/src/components/Sidebar.tsx b/web/src/components/Sidebar.tsx
index 0a563cbce..99fc585d1 100644
--- a/web/src/components/Sidebar.tsx
+++ b/web/src/components/Sidebar.tsx
@@ -20,6 +20,7 @@ function Sidebar({
 }) {
   const sidebar = (
     <aside className="w-[52px] z-10 h-screen sticky top-0 overflow-y-auto scrollbar-hidden py-4 flex flex-col justify-between">
+      <span tabIndex={0} className="sr-only" />
       <div className="w-full flex flex-col gap-0 items-center">
         <Logo className="w-8 h-8 mb-6" />
         {navbarLinks.map((item) => (
diff --git a/web/src/pages/Live.tsx b/web/src/pages/Live.tsx
index 2f4270bb1..7e7d12642 100644
--- a/web/src/pages/Live.tsx
+++ b/web/src/pages/Live.tsx
@@ -82,7 +82,7 @@ function Live() {
           if (aspectRatio > 2) {
             grow = "md:col-span-2 aspect-wide";
           } else if (aspectRatio < 1) {
-            grow = `md:row-span-2 aspect-[8/9]`;
+            grow = `md:row-span-2 aspect-[8/9] md:h-full`;
           } else {
             grow = "aspect-video";
           }