Tweak composer prompt and latest button

src/view/com/feeds/ComposerPrompt.tsx

@@ -14,7 +14,7 @@ import {openCamera, openUnifiedPicker} from '#/lib/media/picker'
 import {useCurrentAccountProfile} from '#/state/queries/useCurrentAccountProfile'
 import {MAX_GALLERY_IMAGES} from '#/view/com/composer/state/composer'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
-import {atoms as a, native, useTheme, web} from '#/alf'
+import {atoms as a, native, useBreakpoints, useTheme, web} from '#/alf'
 import {Button} from '#/components/Button'
 import {useSheetWrapper} from '#/components/Dialog/sheet-wrapper'
 import {Camera_Stroke2_Corner0_Rounded as CameraIcon} from '#/components/icons/Camera'
@@ -29,6 +29,7 @@ export function ComposerPrompt() {
   const ax = useAnalytics()
   const {_} = useLingui()
   const {openComposer} = useOpenComposer()
+  const {gtMobile} = useBreakpoints()
   const profile = useCurrentAccountProfile()
   const [hover, setHover] = useState(false)
   const {requestCameraAccessIfNeeded} = useCameraPermission()
@@ -152,10 +153,7 @@ export function ComposerPrompt() {
         a.relative,
         a.flex_row,
         a.align_start,
-        {
-          paddingLeft: 18,
-          paddingRight: 15,
-        },
+        gtMobile ? a.px_lg : a.px_md,
         a.py_md,
         native({
           paddingTop: 10,

src/view/com/util/load-latest/LoadLatestBtn.tsx

@@ -9,7 +9,13 @@ import {useMinimalShellFabTransform} from '#/lib/hooks/useMinimalShellTransform'
 import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
 import {clamp} from '#/lib/numbers'
 import {useSession} from '#/state/session'
-import {atoms as a, useLayoutBreakpoints, useTheme, web} from '#/alf'
+import {
+  atoms as a,
+  useBreakpoints,
+  useLayoutBreakpoints,
+  useTheme,
+  web,
+} from '#/alf'
 import {useInteractionState} from '#/components/hooks/useInteractionState'
 import {ArrowTop_Stroke2_Corner0_Rounded as ArrowIcon} from '#/components/icons/Arrow'
 import {CENTER_COLUMN_OFFSET} from '#/components/Layout'
@@ -27,6 +33,7 @@ export function LoadLatestBtn({
   const {hasSession} = useSession()
   const {isDesktop, isTablet, isMobile, isTabletOrMobile} = useWebMediaQueries()
   const {centerColumnOffset} = useLayoutBreakpoints()
+  const {gtMobile} = useBreakpoints()
   const fabMinimalShellTransform = useMinimalShellFabTransform()
   const insets = useSafeAreaInsets()
   const t = useTheme()
@@ -53,7 +60,7 @@ export function LoadLatestBtn({
       style={[
         a.fixed,
         a.z_20,
-        {left: 18},
+        {left: gtMobile ? a.pl_lg.paddingLeft : a.pl_md.paddingLeft},
         isDesktop &&
           (isTallViewport
             ? styles.loadLatestOutOfLine