Form: Fixes input, dropdown, form field to have consistent sizes and 1em font

11 years ago · b1ea5caa2b
3 changed files with 6 additions and 9 deletions
--- a/src/collections/form.less
+++ b/src/collections/form.less
@ -85,8 +85,8 @@
 .ui.form input[type="tel"] {

  margin: 0em;
-  padding: 0.85em 1.2em;
-  font-size: 0.875em;
+  padding: 0.65em 1em;
+  font-size: 1em;

  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
--- a/src/collections/menu.less
+++ b/src/collections/menu.less
@ -249,17 +249,14 @@
  vertical-align: top;
 }
 .ui.menu .item > .input input {
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
+  padding-top: 0.35em;
+  padding-bottom: 0.35em;
 }
 .ui.vertical.menu .item > .input input {
  margin: 0em;
  padding-top: 0.63em;
  padding-bottom: 0.63em;
 }
-.ui.vertical.menu .ui.input > .icon {
-  padding-top: 0.63em;
-}

 /* Action Input */
 .ui.menu:not(.vertical) .item > .button.labeled > .icon {
--- a/src/elements/input.less
+++ b/src/elements/input.less
@ -30,8 +30,8 @@
  font-family: "Helvetica Neue", "Helvetica", Arial;

  margin: 0em;
-  padding: 0.85em 1.2em;
-  font-size: 0.875em;
+  padding: 0.65em 1em;
+  font-size: 1em;

  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);