Mobile/PWA spacing fixes (#11403)

* spacing on mobile landscape

* better icon placement when running as pwa

* better icon placement when running as pwa

* portrait padding only

web/src/views/live/LiveDashboardView.tsx

@@ -227,7 +227,12 @@ export default function LiveDashboardView({
 
       {!cameraGroup || cameraGroup == "default" || isMobileOnly ? (
         <div
-          className={`mt-2 grid px-2 ${mobileLayout == "grid" ? "grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4" : ""} gap-2 md:gap-4`}
+          className={cn(
+            "mt-2 grid gap-2 px-2 md:gap-4",
+            mobileLayout == "grid" &&
+              "grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4",
+            isMobile && "px-0",
+          )}
         >
           {includeBirdseye && birdseyeConfig?.enabled && (
             <BirdseyeLivePlayer