diff options
| author | Andreas Demmelbauer <git@notice.at> | 2019-04-09 11:23:07 -0700 |
|---|---|---|
| committer | Andreas Demmelbauer <git@notice.at> | 2019-04-09 11:23:07 -0700 |
| commit | b6599d749b952887688458cfdafcd9f9431deaea (patch) | |
| tree | 470c503ac0005627312f991ada5a289f87312132 /css | |
| parent | ef4eac61f7536e770cd72a62783382854ae299e0 (diff) | |
unify input field margins (the inherited style has 3px margin-right which moves the form)
Diffstat (limited to 'css')
| -rw-r--r-- | css/Properties/Properties.scss | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/css/Properties/Properties.scss b/css/Properties/Properties.scss index b659a5d2..262761dd 100644 --- a/css/Properties/Properties.scss +++ b/css/Properties/Properties.scss @@ -41,14 +41,14 @@ $property-value-max-width: 250px; &--addressbooks &__actions { display: none !important; } - + // property row &__row { display: flex; align-items: center; position: relative; } - + // property label or multiselect within row &__label, &__label.multiselect { @@ -56,7 +56,7 @@ $property-value-max-width: 250px; padding: $grid-input-padding 0; flex: 1 0; // min width is 60px, let's grow until 120px height: $grid-input-height-with-margin; - width: $property-label-min-width; + width: $property-label-min-width; min-width: $property-label-min-width !important; // override multiselect max-width: $property-label-max-width; @@ -174,7 +174,7 @@ $property-value-max-width: 250px; opacity: .7; } } - + // Delete property button + actions &__actions { position: absolute !important; @@ -185,7 +185,7 @@ $property-value-max-width: 250px; border: 0; background-color: transparent; z-index: 10; - // opacity applies on the single action OR + // opacity applies on the single action OR &:not(.action-item--multiple), &.action-item--multiple .icon-more { opacity: 0.5; @@ -199,4 +199,7 @@ $property-value-max-width: 250px; } } } + .property__value { + margin-right: 0; + } } |