UX: Making button on advanced search page match input height

This commit is contained in:
Kris 2017-12-11 17:15:08 -05:00
parent 60cd28d5b9
commit 920571ae07
2 changed files with 11 additions and 4 deletions

View File

@ -1,9 +1,10 @@
{{#d-section pageClass="search" class="search-container"}} {{#d-section pageClass="search" class="search-container"}}
{{scroll-tracker name="full-page-search" tag=searchTerm}} {{scroll-tracker name="full-page-search" tag=searchTerm}}
<div class="search row clearfix"> <div class="search row clearfix">
<div class="search-bar">
{{search-text-field value=searchTerm class="full-page-search input-xxlarge search no-blur" action="search" hasAutofocus=hasAutofocus}} {{search-text-field value=searchTerm class="full-page-search input-xxlarge search no-blur" action="search" hasAutofocus=hasAutofocus}}
{{d-button action="search" icon="search" class="btn-primary" disabled=searching}} {{d-button action="search" icon="search" class="btn-primary" disabled=searching}}
</div>
<div class='search-advanced'> <div class='search-advanced'>
<button class="search-advanced-btn btn" {{action "toggleAdvancedSearch"}}> <button class="search-advanced-btn btn" {{action "toggleAdvancedSearch"}}>
{{{searchAdvancedIcon}}} {{{searchAdvancedIcon}}}

View File

@ -87,9 +87,15 @@
.search.row { .search.row {
margin-bottom: 15px; margin-bottom: 15px;
input {
height: 22px; .search-bar {
padding-left: 6px; display: flex;
margin-bottom: 10px;
input {
height: 22px;
padding-left: 6px;
margin: 0 5px 0 0;
}
} }
.new-topic-btn { .new-topic-btn {