[MGNLDEMO-289] Improve positioning of checkbox and its label on consent confirmation page Created: 01/Jun/18  Updated: 17/Feb/23

Status: Open
Project: Magnolia Demo Projects
Component/s: None
Affects Version/s: None
Fix Version/s: None

Type: Improvement Priority: Neutral
Reporter: Martin Drápela Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File image-2018-06-01-09-00-53-819.png     PNG File image-2021-09-01-13-53-46-710.png    
Issue Links:
causality
caused by MGNLPRIV-10 Wording for GDPR related forms and mails Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Epic Link: Data privacy 2
Team: AdminX

 Description   

If the line to the right of the checkbox (label (and description)) is longer than one line, it falls below the checkbox. In order to have this layout

please modify these two classes in 

magnolia-travel-demo/src/main/resources/travel-demo-theme/css/travels-magnolia.css

into:

.form-row fieldset input {
    width: auto;
    display: block;
    float: left;
    margin-right: 10px;
}
.form-wrapper .error label {
    color: #ec1549;
    display: block;
}

 



 Comments   
Comment by Martin Drápela [ 01/Sep/21 ]

Re-validated for 6.2.11 dx demo , where the it is displayed as follows (together with the <br> glitch):

Generated at Mon Feb 12 05:18:11 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.