<div class="filter-parent" id="search">
<label for="filter-by"><i class="fa fa-search"></i></label>
- <input placeholder="Search" id="filter-by" class="form-control input-lg">
+ <input placeholder="Search icons" id="filter-by" class="form-control input-lg">
<a href="#" id="filter-clear" class="fa fa-times"></a>
</div>
<script>
-<{% if page.navbar_active == "icons" %}div{% else %}section{% endif %} id="new">
+<section id="new">
<h2 class="page-header">{{ icons | version:site.fontawesome.minor_version | size }} New Icons in {{ site.fontawesome.minor_version }}</h2>
{% if page.navbar_active != "icons" %}
<div class="margin-botom-large">
{% endfor %}
</div>
-</{% if page.navbar_active == "icons" %}div{% else %}section{% endif %}>
+</section>
.filter-parent {
position: relative;
font-size: 18px;
- padding-top: 20px;
- margin: 0 auto;
+ padding-top: 40px;
+ margin: -20px auto 40px;
label {
position: absolute;
left: 17px;
- top: 30px;
+ top: 50px;
}
#filter-by, .hint {
padding-left: 43px;
text-decoration: none;
position: absolute;
right: 18px;
- top: 33px;
+ top: 53px;
&.gone {
opacity: 0;
pointer-events: none;