Skip to content

Fix 2-lines label overflows the input #17602

@math-GH

Description

@math-GH

Bildschirmfoto 2021-05-20 um 15 35 40

link: /index.php?module=CoreAdminHome&action=generalSettings&idSite=1&period=year&date=today

In English it is mostly quite ok, because the texts are short.
In German it happens often, because of longer texts.

Expected Behavior

more whitespace between label and input

Current Behavior

less whitespace

Possible Solution

CSS: less "line-height" (f.e. 1em)

better:
I do not understand why the label follows after the input in HTML.
grafik

Better would be: first the label, then the input.

The label could be display: block, so it would not overflow the input.

Steps to Reproduce (for Bugs)

see screen shots

Your Environment

  • Matomo Version: matomo.cloud
  • Browser: Firefox 88
  • Operating System: MacOS

Metadata

Metadata

Assignees

Labels

Help wantedBeginner friendly issues or issues where we'd highly appreciate community's help and involvement.c: Design / UIFor issues that impact Matomo's user interface or the design overall.

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions