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