1 files changed, 51 insertions, 0 deletions
diff --git a/comm/mail/themes/shared/mail/input-fields.css b/comm/mail/themes/shared/mail/input-fields.css
new file mode 100644
index 0000000000..9a0cb04217
--- /dev/null
+++ b/comm/mail/themes/shared/mail/input-fields.css
@@ -0,0 +1,51 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+html|input.plain {
+  background-color: transparent;
+}
+
+html|input.input-filefield {
+  padding-inline-start: 20px !important;
+}
+
+html|input.input-filefield:-moz-locale-dir(rtl) {
+  background-position-x: right 2px;
+}
+
+html|input.input-inline-color {
+  margin: 2px 4px;
+}
+
+.input-container {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+
+.input-container.items-stretch {
+  align-items: stretch;
+}
+
+.input-container.wrap-container {
+  flex-wrap: wrap;
+}
+
+.input-container html|input:not([type="number"],[type="color"]),
+.input-container .label-inline,
+.input-container .spacer-inline {
+  flex: 1;
+}
+
+html|input[type="number"].input-number-inline {
+  flex: 1 !important;
+  padding: 2px 2px 3px;
+  margin-inline-start: 2px;
+}
+
+html|input[type="number"]::-moz-number-spin-box {
+  padding-inline-start: 4px;
+}