uptime-kuma icon indicating copy to clipboard operation
uptime-kuma copied to clipboard

Optimized margin for mobile devices

Open tshipenchko opened this issue 9 months ago • 4 comments

⚠️⚠️⚠️ Since we do not accept all types of pull requests and do not want to waste your time. Please be sure that you have read pull request rules: https://github.com/louislam/uptime-kuma/blob/master/CONTRIBUTING.md#can-i-create-a-pull-request-for-uptime-kuma

Tick the checkbox if you understand [x]:

  • [x] I have read and understand the pull request rules.

Description

This PR changes distribution of margin in status page.

On mobile devices the buttons stick to each other. Giving 50% of margin to elements from the div will fix the issue

Type of change

  • User interface (UI)

Checklist

  • [x] My code follows the style guidelines of this project
  • [x] I ran ESLint and other linters for modified files
  • [x] I have performed a self-review of my own code and tested it
  • [x] I have commented my code, particularly in hard-to-understand areas (including JSDoc for methods)
  • [x] My changes generates no new warnings
  • [x] My code needed automated testing. I have added them (this is optional task)

Screenshots

Before After
image image

tshipenchko avatar Apr 30 '24 16:04 tshipenchko