Improve homepage search form

This commit is contained in:
Graham Triggs 2017-05-26 19:34:18 +01:00
parent 412d09fd6a
commit ff37204799
3 changed files with 27 additions and 15 deletions

View file

@ -13,6 +13,14 @@
background: #283a4b; background: #283a4b;
} }
.hero form input,
.hero form select {
margin-bottom: 0em;
margin-top: 0em;
margin-right: 0em;
margin-left: 0em;
}
.home-sections { .home-sections {
border-top: 1px dotted #dbe3e3; /* stroke */ border-top: 1px dotted #dbe3e3; /* stroke */
border-bottom: 1px dotted #dbe3e3; /* stroke */ border-bottom: 1px dotted #dbe3e3; /* stroke */

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

View file

@ -38,11 +38,9 @@
<div class="jumbotron"> <div class="jumbotron">
<h1>${i18n().intro_title}</h1> <h1>${i18n().intro_title}</h1>
</div> </div>
<form id="search-homepage" action="${urls.search}" name="search-home" role="search" method="post" placeholder="${i18n().search_form}" class="form-horizontal"> <form id="search-homepage" action="${urls.search}" name="search-home" role="search" method="post" class="form-horizontal">
<fieldset> <fieldset>
<div class="input-group"> <div class="form-group pull-left" style="margin-right: 5px;">
<input type="text" name="querytext" class="form-control" value="" autocapitalize="off" />
<div class="input-group-btn">
<select class="form-control" id="classgroup" name="classgroup"> <select class="form-control" id="classgroup" name="classgroup">
<option value="">${i18n().all_capitalized}</option> <option value="">${i18n().all_capitalized}</option>
<#list vClassGroups as group> <#list vClassGroups as group>
@ -51,9 +49,15 @@
</#if> </#if>
</#list> </#list>
</select> </select>
</div>
<div class="form-group">
<div class="input-group">
<input type="text" name="querytext" class="form-control" value="" placeholder="${i18n().search_form}" autocapitalize="off" />
<span class="input-group-btn">
<button class="btn btn-default" type="submit"> <button class="btn btn-default" type="submit">
<span class="icon-search">${i18n().search_button}</span> <span class="icon-search">${i18n().search_button}</span>
</button> </button>
</span>
</div> </div>
</div> </div>
</fieldset> </fieldset>