Element alignments in layout broken

[daviian]

• Gitea version (or commit ref): master / fb2f8dc
• Git version: 2.15.0
• Operating system: Linux 15d03918bd01 4.14.34-v7+ Fix panic when get user repos from api #1110 SMP Mon Apr 16 15:18:51 BST 2018 armv7l Linux
• Database (use [x]):
  • PostgreSQL
  • MySQL
  • MSSQL
  • SQLite
• Can you reproduce the bug at https://try.gitea.io:
  • Yes (provide example URL) https://try.gitea.io/
  • No
  • Not relevant
• Log gist:

Description

Introduced with PR #2750, upgrading our UI to be more responsive, the vertical alignment is broken.
See screenshots below. Guess the screenshots don't cover all glitches.

But the main menu and the stackable menu don't align with the feed on the dashboard, as it was in previous versions. Especially noticeable at the gitea logo, and avatar image of the users.

On the repository view the clone panel stands out, etc.

Screenshots

[lunny]

Did you have custom css file?

[daviian]

No. And these are screenshots from try.gitea.org
So you should see this too.

[lunny]

@daviian OK.

[nsrosenqvist]

A lot of UI elements look out of alignments on mobile device screen sizes. The "code, issues, etc." menu looks broken (border only around first element). Each row for files under code are misaligned and takes up way to much vertical space.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs during the next 2 weeks. Thank you for your contributions.

[stale]

This issue has been automatically closed because of inactivity. You can re-open it if needed.