Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[AB3: Tracing Code] Increase margins for better readability #26

Open
ruth-lim opened this issue Jun 25, 2024 · 1 comment
Open

[AB3: Tracing Code] Increase margins for better readability #26

ruth-lim opened this issue Jun 25, 2024 · 1 comment

Comments

@ruth-lim
Copy link

ruth-lim commented Jun 25, 2024

Current

CleanShot 2024-06-26 at 00 19 56@2x

Problem

Currently, there is no/minimal spacing between images and text. This makes reading difficult for the student because the information is too cluttered.

Proposed

To increase the margins (e.g. 20px) between text and images. To increase the line height for text for better readability.

@ruth-lim ruth-lim changed the title [AB3: Tracing Code] [AB3: Tracing Code] Increase margins for better readability Jun 25, 2024
@damithc
Copy link
Contributor

damithc commented Jul 21, 2024

Thanks for raising this @ruth-lim
I think there are pros and cons. Less spacing (i.e., closer proximity) can help by indicating which things belong together. For example, in the screenshot, a blank spaces appears only between points in the list, thus making it visually clear which content belongs to which point, and where one point ends and the other begins.

Let's not change the image padding for now, but keep this open so that we can collect more views on this aspect.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants