centering and padding consistency

web/src/components/navigation/Bottombar.tsx

@@ -27,7 +27,7 @@ function Bottombar() {
         isPWA && isIOS
           ? "portrait:items-start portrait:pt-1 landscape:items-center"
           : "items-center",
-        isMobile && !isPWA && "h-12 landscape:md:h-16",
+        isMobile && !isPWA && "h-12 md:h-16",
       )}
     >
       {navItems.map((item) => (

web/src/components/overlay/MobileReviewSettingsDrawer.tsx

@@ -201,21 +201,24 @@ export default function MobileReviewSettingsDrawer({
             Calendar
           </div>
         </div>
-        <ReviewActivityCalendar
+        <div className="flex w-full flex-row justify-center">
-          reviewSummary={reviewSummary}
+          <ReviewActivityCalendar
-          selectedDay={
+            reviewSummary={reviewSummary}
-            filter?.after == undefined
+            selectedDay={
-              ? undefined
+              filter?.after == undefined
-              : new Date(filter.after * 1000)
+                ? undefined
-          }
+                : new Date(filter.after * 1000)
-          onSelect={(day) => {
+            }
-            onUpdateFilter({
+            onSelect={(day) => {
-              ...filter,
+              onUpdateFilter({
-              after: day == undefined ? undefined : day.getTime() / 1000,
+                ...filter,
-              before: day == undefined ? undefined : getEndOfDayTimestamp(day),
+                after: day == undefined ? undefined : day.getTime() / 1000,
-            });
+                before:
-          }}
+                  day == undefined ? undefined : getEndOfDayTimestamp(day),
-        />
+              });
+            }}
+          />
+        </div>
         <SelectSeparator />
         <div className="flex items-center justify-center p-2">
           <Button

web/src/components/overlay/dialog/PlatformAwareDialog.tsx

@@ -26,7 +26,7 @@ export default function PlatformAwareDialog({
     return (
       <Drawer open={open} onOpenChange={onOpenChange}>
         <DrawerTrigger asChild>{trigger}</DrawerTrigger>
-        <DrawerContent className="max-h-[75dvh] overflow-hidden p-4">
+        <DrawerContent className="max-h-[75dvh] overflow-hidden px-4">
           {content}
         </DrawerContent>
       </Drawer>