flora-server icon indicating copy to clipboard operation
flora-server copied to clipboard

Front-page for package utilises whitespace not efficiently on smaller width devices

Open fendor opened this issue 3 years ago • 2 comments

Environment

  • Operating System: Linux archlinux 6.0.2
  • Toolchain (compiler + version): [FILL HERE]
  • Version or commit: flora.pm (accessed 29.10.2022 15:12 CET)
  • Browser: firefox 106.0.1 (64-bit) (but also reproducible in chromium)

Expected Behaviour

Renders nicely on mobile and non-widescreens

Actual Behaviour

Doesn't render properly

image

In particular, doesn't utilise whitespace efficiently, and especially doesn't have the same left-margin here as when it reaches the proper content.

Instructions for reproduction

  • Go to https://flora.pm/packages/@hackage/first-class-families
  • ctrl+shift+m, select width 1023 (1024 seems to be viewport breaking point, i.e., it renders properly with 1024)

fendor avatar Oct 29 '22 13:10 fendor

Yup' I'm guilty of having put a breakpoint at that size some time ago.

tchoutri avatar Nov 01 '22 20:11 tchoutri