Problem/Motivation

Project browser's page and module cards are very information dense. Things can be improved by adding more space. This will help with readability and overall coherence of the page.

Steps to reproduce

Review screenshots and/or current state of the page. Look for spacing issues.

screenshot

screenshot

Proposed resolution

Increase margins, padding and gaps. Fix items with no or minimal spacing.

CommentFileSizeAuthor
#5 spacing.png100.54 KBpray_12
#2 Screenshot 2024-06-10 at 3.52.23 PM.png804.23 KBzetagraph
Screenshot 2024-06-07 at 1.22.37 PM.png561.28 KBzetagraph
Screenshot 2024-06-07 at 12.24.30 PM.png942.39 KBzetagraph

Issue fork project_browser-3453775

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

zetagraph created an issue. See original summary.

zetagraph’s picture

zetagraph commented
StatusFileSize
new Screenshot 2024-06-10 at 3.52.23 PM.png804.23 KB

Updated spacing:

screenshot

zetagraph opened merge request !503

zetagraph’s picture

zetagraph commented
Status: Active » Needs review
pray_12’s picture

pray_12 commented
StatusFileSize
new spacing.png100.54 KB

Hi @zetagraph, I reviewed the MR. The spacing looks fine for both desktop and mobile views. Thank you!

r.aubin’s picture

r.aubin commented

@zetagraph - I added one comment on your MR if you can take a look when you have a moment

zetagraph’s picture

zetagraph commented
Status: Needs review » Reviewed & tested by the community

chrisfromredfin made their first commit to this issue’s fork.

chrisfromredfin’s picture

chrisfromredfin
he/him/his
Primary language English
Location Portland, Maine
commented
Status: Reviewed & tested by the community » Fixed

Thanks for the breath!

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.