The complete screenshot list:

List of pull requests:

• general installation redesign New design for the installation #7875
• alert redesign: New design for alerts and notifications #7874
• tables redesign (system check): New design for default tables #7895
• buttons redesign (few minor things have changed): New design for buttons #7896
• code blocks redesign: New design for code blocks #7793
• icons: TODO see Update some of UI icons with new set of font icons #7618
• forms redesign: New design for forms #7960

Everything has been merged (except icons), I think we can close this one!

Re-opening (rather than creating new issue), as I have little feedback:

• Some Next buttons are big, some are small. In installer, can we make all Next buttons consistently big?
• can we style checkboxes in the installer?
• for the two checkboxes at the bottom of form, maybe the label could be made not to wrap to another line?

• final step of installer: checkboxes are not styled - maybe they can be styled better?

• When "Reusing the tables" was successful, do we want to show this green tick icon, or maybe show the text as a "success" notification?

Fixed, except the one related to checkboxes: I believe there is a JS somewhere that replaces the radio/checkboxes with some other HTML that creates a styled radio/checkbox. For example for a radio:

<input type="radio" name="foo">

gets replaced with:

<div class="form-radio" style="position: relative;">
    <input type="radio" name="foo" value="today" style="position: absolute; opacity: 0;">
    <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins>
</div>

This JS isn't loaded during the installation (because that only loads the base CSS I guess), so that's why checkboxes are not styled. I don't know if it's a lot of work/if it's worth it, what do you think?

Regarding this:

I also think it doesn't look very good. The problem is that form inputs are supposed to take 50% of the width, making exception isn't easy especially since the form is built using QuickForm (so I can't even put the long description in a form help div). I want to get rid of QuickForm since it's limiting and it's only used in the installation, but that requires work…

This JS isn't loaded during the installation (because that only loads the base CSS I guess), so that's why checkboxes are not styled. I don't know if it's a lot of work/if it's worth it, what do you think?

sounds good, let's leave them un-styled.

I want to get rid of QuickForm since it's limiting and it's only used in the installation, but that requires work…

Maybe we can tackle this (removing quickform) if really this is what is blocking us from styling these in the installer. it's on the mid term goal to remove code in libs/ folder so removing libs/HTML sounds good. Btw it's used in the Installation also for: Login form and Privacy manager form (FormDefaultSettings).

[...] put the long description in a form help div

+1 it would look perfect

@mnapoli what is the next step, could this issue be closed?

This issue isn't finished as the feedback you listed isn't fixed yet.

End of install form was styled (in #8135)

in general I think the install looks great now 👍 ☀️

(any tweak let's maybe note in #8157)