From b2be299f63d2b0d45d961d046d506a2c09435f41 Mon Sep 17 00:00:00 2001 From: Martijn Cuppens Date: Sun, 25 Oct 2020 14:16:28 +0100 Subject: [PATCH] Fix Firefox padding issue Caused by https://searchfox.org/mozilla-central/rev/0b7007a23bc16c857f894140e12f307bfeef2fdd/layout/style/res/forms.css#494 --- scss/forms/_form-control.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss index 9fa9cbae45..93c0e60421 100644 --- a/scss/forms/_form-control.scss +++ b/scss/forms/_form-control.scss @@ -71,6 +71,7 @@ padding: $input-padding-y $input-padding-x; margin: (-$input-padding-y) (-$input-padding-x); margin-inline-end: $input-padding-x; + -moz-margin-end: subtract($input-padding-x, 5px); // stylelint-disable-line property-no-vendor-prefix line-height: inherit; color: $form-file-button-color; @include gradient-bg($form-file-button-bg); @@ -150,6 +151,7 @@ padding: $input-padding-y-sm $input-padding-x-sm; margin: (-$input-padding-y-sm) (-$input-padding-x-sm); margin-inline-end: $input-padding-x-sm; + -moz-margin-end: subtract($input-padding-x-sm, 5px); // stylelint-disable-line property-no-vendor-prefix } &::-webkit-file-upload-button { @@ -170,6 +172,7 @@ padding: $input-padding-y-lg $input-padding-x-lg; margin: (-$input-padding-y-lg) (-$input-padding-x-lg); margin-inline-end: $input-padding-x-lg; + -moz-margin-end: subtract($input-padding-x-lg, 5px); // stylelint-disable-line property-no-vendor-prefix } &::-webkit-file-upload-button {