Broken layout

[DavidOliver]

In Symphony 2.7.x branch in both Firefox and Chromium.

[nitriques]

Hum, you are the one who proposed to break it ! 0f72a2c haha

Jokes aside, how would you fix it ? with a <br /> ?

[nilshoerrmann]

Why don't you add the help text in an additional row right after the label (using a classic line-break)?

[DavidOliver]

Ah :)

I don't think having the info aligned to the right works very well in general for these checkboxes, even when the info text is much shorter.

Make it left-aligned and under the main label text, as I think Nils is suggesting?

Also, the labels aren't vertically aligned with the checkboxes in my Firefox.

[nitriques]

Also, the labels aren't vertically aligned with the checkboxes in my Firefox.

Damn floats :p

add the help text in an additional row right after the label

Sold! Thanks guys!

[nitriques]

Adding a simple line-break in the i worked for screens > 950. I can live with that!

[nitriques]

Are alignement problems fixed @DavidOliver ?

[DavidOliver]

Technically, yes, though as mentioned the warning being aligned right doesn't work well here; it appears to relate to the 'Add recipe' UI when the viewport is reasonably wide.

Ideas:

• move warning below the main label text
• use an info icon with a title (browser hover/"tooltip" text) - rough mockup:

Perhaps it's not the usual Symphony way to hide information like this. On the other hand, this necessarily lengthy warning only really needs to be seen once by a developer, not every time they visit the Preferences.

[nilshoerrmann]

I'm not sure if you misread my idea, but I was thinking about something like this:

[nitriques]

I'm not sure if you misread my idea

I totally did. That's better!