Remove margin-bottom from labels and inputs

pull/3629/head
Henriette Dinger 9 years ago
parent d236ef1ee4
commit 9a93167400
  1. 5
      app/assets/stylesheets/_misc_legacy.sass
  2. 2
      app/assets/stylesheets/_settings.scss
  3. 2
      app/assets/stylesheets/content/_buttons.sass
  4. 12
      app/assets/stylesheets/content/_forms.sass

@ -105,7 +105,6 @@ div.issue div.subject
margin-top: 0.5em margin-top: 0.5em
.buttons .buttons
margin-bottom: 1.4em
margin-top: 1em margin-top: 1em
div div
@ -498,7 +497,9 @@ a.has-thumb
-o-text-overflow: ellipsis -o-text-overflow: ellipsis
-ms-text-overflow: ellipsis -ms-text-overflow: ellipsis
label.label-with-input label
margin-bottom: 0rem
&.label-with-input
display: block display: block
white-space: nowrap white-space: nowrap
zoom: 1 zoom: 1

@ -372,7 +372,7 @@ $form-padding: 0.375rem;
// Labels // Labels
// $form-label-fontsize: 0.9rem; // $form-label-fontsize: 0.9rem;
// $form-label-margin: 0.5rem; // $form-label-margin: 0rem;
// $form-label-color: #333; // $form-label-color: #333;
// Inline labels // Inline labels

@ -57,6 +57,8 @@ a.button
transition-duration: 0.25s transition-duration: 0.25s
transition-timing-function: ease-out transition-timing-function: ease-out
margin-bottom: 0rem
&:disabled &:disabled
@include button-disabled @include button-disabled

@ -36,6 +36,7 @@ $form--field-types: (text-field, text-area, select, check-box, radio-button, ran
border: $content-form-input-hover-border border: $content-form-input-hover-border
vertical-align: middle vertical-align: middle
margin-bottom: 0rem
%label-style %label-style
text-align: left text-align: left
@ -453,8 +454,10 @@ fieldset.form--fieldset
@extend %input-style @extend %input-style
.form--text-field, .form--text-field,
#{$text-input-selectors} #{$text-input-selectors},
select
line-height: 1.5 line-height: 1.5
margin-bottom: 0rem
input[readonly].-clickable input[readonly].-clickable
cursor: pointer cursor: pointer
@ -495,13 +498,13 @@ input[readonly].-clickable
max-width: 100% max-width: 100%
.form & .form &
margin-bottom: 0.5rem margin-bottom: 0rem
.form--text-area .form--text-area
@extend %input-style @extend %input-style
.form & .form &
margin-bottom: 0.5rem margin-bottom: 0rem
.form--radio-button-container .form--radio-button-container
//prevent radio-buttons from being cut at the border //prevent radio-buttons from being cut at the border
@ -567,6 +570,7 @@ input[readonly].-clickable
flex-basis: auto flex-basis: auto
.inline-label .inline-label
margin: 0rem
> .form-label.-transparent > .form-label.-transparent
margin-bottom: 0 margin-bottom: 0
font-size: 1em font-size: 1em
@ -593,7 +597,7 @@ input[readonly].-clickable
// OR $inlinelabel-border // OR $inlinelabel-border
border-radius: 2px border-radius: 2px
padding: 0 $form-padding padding: 0 $form-padding
margin-bottom: 0.5rem margin-bottom: 0rem
align-items: center align-items: center
line-height: 1 line-height: 1

Loading…
Cancel
Save