From e4c17b57af7f274966032566fddd67b91d7f91ca Mon Sep 17 00:00:00 2001 From: Volker E Date: Sat, 9 Sep 2017 10:44:08 -0700 Subject: [PATCH] FeedbackDialog: Improve alignment Improving alignment of FeedbackDialog items and increasing `line-height` slightly for better readability. Change-Id: Ic1d569efbdd1340fadb696e76c7a871f29794077 --- resources/src/mediawiki/mediawiki.feedback.css | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/resources/src/mediawiki/mediawiki.feedback.css b/resources/src/mediawiki/mediawiki.feedback.css index 6a93fddd67..c4363ed003 100644 --- a/resources/src/mediawiki/mediawiki.feedback.css +++ b/resources/src/mediawiki/mediawiki.feedback.css @@ -10,13 +10,22 @@ .mw-feedbackDialog-welcome-message, .mw-feedbackDialog-feedback-terms { - line-height: 1.2em; + line-height: 1.4; } -.mw-feedbackDialog-feedback-form { - margin-top: 1em; +.mw-feedbackDialog-welcome-message { + margin-bottom: 1em; +} + +/* Overwriting OOUI is no fun */ +.mw-feedbackDialog-feedback-form .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { + min-width: 4.2em; + width: 10%; +} +.mw-feedbackDialog-feedback-form .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { + width: 80%; } .mw-feedbackDialog-feedback-termsofuse { - margin-left: 2.5em; + margin-left: 2em; } -- 2.20.1