pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix alignment of filter inputs on member listing page

Browse Source
This commit is contained in:
Patrick Smith 2018-11-13 10:43:34 -05:00
parent 990c24b802
commit d72d018ba2
2 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
styles/components/_search_bar.scss
View File

@ -27,6 +27,8 @@
flex-basis: 100%; flex-basis: 100%;
.usa-input { .usa-input {
flex-basis: 100%;
@media (min-width:1000px) { @media (min-width:1000px) {
margin-top: 0; margin-top: 0;
} }

6
templates/workspaces/members/index.html
View File

@ -61,7 +61,8 @@
<button type="button"></button> <button type="button"></button>
</div> </div>
<div class='usa-input filter-input'> <div class="search-bar__filters">
<div class='usa-input'>
<label for='filter-status'>Filter members by status</label> <label for='filter-status'>Filter members by status</label>
<select v-model="status" id="filter-status" name="filter-status"> <select v-model="status" id="filter-status" name="filter-status">
<option value="" selected disabled>Filter by status</option> <option value="" selected disabled>Filter by status</option>
@ -72,7 +73,7 @@
</select> </select>
</div> </div>
<div class='usa-input filter-input'> <div class='usa-input'>
<label for='filter-role'>Filter members by role</label> <label for='filter-role'>Filter members by role</label>
<select v-model="role" id="filter-role" name="filter-role"> <select v-model="role" id="filter-role" name="filter-role">
<option value="" selected disabled>Filter by role</option> <option value="" selected disabled>Filter by role</option>
@ -82,6 +83,7 @@
{% endfor %} {% endfor %}
</select> </select>
</div> </div>
</div>
</form> </form>
<div class='responsive-table-wrapper'> <div class='responsive-table-wrapper'>