diff --git a/services/web/frontend/stylesheets/components/forms.less b/services/web/frontend/stylesheets/components/forms.less index b92dbec208..6f846d467d 100755 --- a/services/web/frontend/stylesheets/components/forms.less +++ b/services/web/frontend/stylesheets/components/forms.less @@ -155,7 +155,7 @@ output { .form-control when (@is-new-css = true) { display: block; width: 100%; - height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) + height: @input-height-base; padding: @padding-base-vertical @input-padding; font-size: @font-size-base; line-height: @line-height-base; diff --git a/services/web/frontend/stylesheets/variables/all.less b/services/web/frontend/stylesheets/variables/all.less index babf98049d..7b4fd62baa 100644 --- a/services/web/frontend/stylesheets/variables/all.less +++ b/services/web/frontend/stylesheets/variables/all.less @@ -55,7 +55,7 @@ //** Unit-less `line-height` for use in components like buttons. @line-height-base: 1.5625; // 20/14 //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. -@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px +@line-height-computed: floor((@font-size-base * @line-height-base)); // ~25px //** By default, this inherits from the ``. @headings-font-family: @font-family-serif; @@ -91,7 +91,7 @@ @padding-small-vertical: 5px; @padding-small-horizontal: 10px; -@padding-xs-vertical: 1.5px; +@padding-xs-vertical: @border-size; // border size is removed in .button-size mixin @padding-xs-horizontal: 8px; @padding-xs: 5px; @@ -201,7 +201,7 @@ @input-color-placeholder: @neutral-60; //** Default `.form-control` height -@input-height-base: @line-height-computed + (@padding-base-vertical * 2) - 1; +@input-height-base: @line-height-computed + (@padding-base-vertical * 2); // Make inputs at least the height of their button counterpart. buttons and inputs have same border height //** Large `.form-control` height @input-height-large: ( ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) +