Commit 154d7a4f by Kálmán Viktor

network: fix host list search looking bad on smaller screens

parent f6be607a
......@@ -11,3 +11,7 @@
text-align: center;
width: 60px;
}
.table-responsive {
margin-top: 15px;
}
......@@ -18,7 +18,9 @@
</h1>
</div>
<ul class="nav nav-pills" style="margin: 5px 0 20px 0;">
<div class="row">
<div class="col-md-9">
<ul class="nav nav-pills" style="margin: 5px 0 20px 0;">
<li class="disabled"><a href="#">{% trans "Filter by vlans" %}</a></li>
<li {% if not request.GET.vlan %} class="active"{% endif %}>
<a href="{{ request.path }}">{% trans "ALL" %}</a>
......@@ -28,16 +30,20 @@
<a href="?vlan={{ vlan.id }}">{{ vlan.name }}</a>
</li>
{% endfor %}
</ul>
</div>
<div class="col-md-3">
<form action="" method="GET">
<div class="input-group pull-right" style="max-width: 300px;">
<div class="input-group pull-right">
<input type="text" id="network-host-list-input" name="s" class="form-control"
value="{{ request.GET.s }}"/>
value="{{ request.GET.s }}" placeholder="{% trans "Search..." %}"/>
<span class="input-group-btn">
<button class="btn btn-primary"><i class="fa fa-search"></i></button>
</span>
</div>
</form>
</ul>
</div>
</div>
<div class="table-responsive">
{% render_table table %}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment