Optimized margin for mobile devices

[tshipenchko]

⚠️⚠️⚠️ 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]:

• 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

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

Screenshots

Before	After

[CommanderStorm]

The two buttons being stacked on that side seems a bit off center to me.
I think if we remove the icons on mobile this might be a better call. What do you think?

[tshipenchko]

I will partly solve the problem, but it still be present on some devices. Also it will break style of the page.

[CommanderStorm]

Also it will break style of the page

Could you explain further?

Another option would be to shorten the text from Edit Status Page to Edit.

[tshipenchko]

Could you explain further?

Uptime Kuma uses a lot of icons in its user interface. While there are no longer any icons on status pages, I think in general it will look out of place.

Shorten the text is a good option