Fix selector styling

This commit is contained in:
Montana 2018-09-05 14:49:27 -04:00
parent 6444325f42
commit 277b4a22e2
3 changed files with 26 additions and 22 deletions

View File

@ -14,7 +14,7 @@
width: 100%;
height: $input-height;
margin: 0;
padding: $input-padding-vertical 0.7em;
padding: $input-padding-vertical ($gap*5) $input-padding-vertical 0.7em;
line-height: $input-line-height;
color: $color-base;
font-size: $base-font-size;
@ -42,6 +42,9 @@
label {
padding: 0;
dt {
font-weight: $font-bold;
}
}
}
}

View File

@ -3,6 +3,40 @@
padding: $gap*2;
justify-content: space-between;
.member-card__header {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.member-card__heading {
margin: 0;
@include h2;
}
.member-card__input {
margin: 0;
display: flex;
margin-top: $gap;
fieldset {
margin: 0;
}
legend {
flex: none;
margin-top: $gap*1.5;
margin-right: $gap*2;
}
}
.member-card__details {
text-align: right;
.icon-link {
margin: 0 -$gap;
}
dl {
margin: 0;
@ -19,37 +53,5 @@
dd {
display: inline;
}
.member-card__header {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.member-card__heading {
margin: 0;
@include h2;
}
.member-card__input {
margin: 0;
display: flex;
margin-top: $gap;
label {
flex: none;
margin-top: $gap*1.5;
font-weight: $font-normal;
margin-right: $gap*2;
}
}
.member-card__details {
text-align: right;
.icon-link {
margin: 0 -$gap;
}
}
}

View File

@ -14,7 +14,6 @@
<h1 class='member-card__heading'>{{ member.user.full_name }}</h1>
<div class="usa-input member-card__input">
<label for="filter-status">Workspace Role</label>
{{ Selector(form.workspace_role) }}
</div>