FeedbackDialog: Improve alignment

Improving alignment of FeedbackDialog items and increasing
`line-height` slightly for better readability.

Change-Id: Ic1d569efbdd1340fadb696e76c7a871f29794077

diff --git a/resources/src/mediawiki/mediawiki.feedback.css b/resources/src/mediawiki/mediawiki.feedback.css
index 6a93fdd..c4363ed 100644 (file)
--- 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;
 }