Skip to content

Conversation

TrialDragon
Copy link
Member

Why

Multiple users of the website found issue with the lists being highly dense. There was also issue found with the lists having too much empty space to their left.

What

Adds a small amount of spacing between the list items. Lessens the empty space on left of lists (except for the front page, has a lot of custom styling that overrides defaults; it will get its day in contribution when I eventually work on the front / landing page redesign thats been in the issues for years.)

How

Uses flexbox to add a gap to the <ul> and <ol> elements. Also decreases the left padding of those same elements.

Try

  1. Switch into bevy website directory
    1.opt Add my repository for the site if you haven't before: git remote add trialdragon [email protected]:TrialDragon/bevy-website.git
  2. Fetch my repository for the site: git fetch trialdragon
  3. Switch into the branch for this PR: git switch trialdragon/improve_list_readability
  4. Run the site: zola serve --open
    4.opt If you need to install Zola, see https://www.getzola.org/documentation/getting-started/installation/
  5. Explore the site, use it, see how you feel about the styling changes.

@alice-i-cecile alice-i-cecile added the X-Controversial There is active debate or serious implications around merging this PR label Oct 7, 2025
@alice-i-cecile alice-i-cecile requested a review from cart October 7, 2025 00:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A-Cross-Cutting Impacts multiple parts of the website C-Webdev D-Straightforward S-Needs-Review X-Controversial There is active debate or serious implications around merging this PR
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants