UI Fixes (#11423)

* Settings fixes

* Fix formatting

web/src/components/navigation/Bottombar.tsx

@@ -15,7 +15,7 @@ import {
 } from "@/context/statusbar-provider";
 import { Link } from "react-router-dom";
 import { cn } from "@/lib/utils";
-import { isMobile } from "react-device-detect";
+import { isIOS, isMobile } from "react-device-detect";
 import { isPWA } from "@/utils/isPWA";
 
 function Bottombar() {
@@ -25,7 +25,7 @@ function Bottombar() {
     <div
       className={cn(
         "absolute inset-x-4 bottom-0 flex h-16 flex-row justify-between",
-        isPWA
+        isPWA && isIOS
           ? "portrait:items-start portrait:pt-1 landscape:items-center"
           : "items-center",
         isMobile && !isPWA && "h-12 landscape:md:h-16",