fix show/hide columns alignment

This commit is contained in:
Eduardo Silva 2025-06-17 15:47:40 -03:00
parent b1ab8f4c16
commit 66d9a8b925

View file

@ -1,24 +1,28 @@
<ul class="nav nav-tabs" role="tablist">
<ul class="nav nav-tabs d-flex" role="tablist">
<li class="nav-item">
<a class="nav-link {% if request.path == '/router/list/' %}active{% endif %}" href="/router/list/" role="tab">
Routers
</a>
</li>
<li class="nav-item">
<a class="nav-link {% if request.path == '/router/group_list/' %}active{% endif %}" href="/router/group_list/"
role="tab">
<a class="nav-link {% if request.path == '/router/group_list/' %}active{% endif %}" href="/router/group_list/" role="tab">
Router Groups
</a>
</li>
<li class="nav-item">
<a class="nav-link {% if request.path == '/router/ssh_keys/' %}active{% endif %}" href="/router/ssh_keys/"
role="tab">
<a class="nav-link {% if request.path == '/router/ssh_keys/' %}active{% endif %}" href="/router/ssh_keys/" role="tab">
SSH Keys
</a>
</li>
{% if request.path == '/router/list/' %}
<li class="nav-item ml-auto">
<a class="nav-link" href="#" id="showHideColumnsBtn" role="button">
<i class="fas fa-columns"></i> Show/Hide Columns
</a>
</li>
{% if filter_group_list %}
<!-- Dropdown aligned to the right -->
<li class="nav-item dropdown ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
{% if filter_group %}{{ filter_group }}{% else %}All Routers{% endif %}
@ -31,10 +35,6 @@
</div>
</li>
{% endif %}
<!-- Show/Hide Columns button -->
<li class="nav-item">
<a class="nav-link" href="#" id="showHideColumnsBtn" role="button">
<i class="fas fa-columns"></i> Show/Hide Columns
</a>
</li>
{% endif %}
</ul>