Fix wrapping of table controls on device interfaces view

This commit is contained in:
jeremystretch 2021-08-06 16:40:00 -04:00
parent f5137f899a
commit ef2621bcfd
2 changed files with 48 additions and 46 deletions

View File

@ -7,8 +7,13 @@
<form method="post"> <form method="post">
{% csrf_token %} {% csrf_token %}
<div class="row mb-3 justify-content-between"> <div class="row mb-3 justify-content-between">
<div class="col col-md-2 float-end noprint table-controls mb-0 mw-33"> <div class="col col-12 col-lg-4 my-3 my-lg-0 d-flex noprint table-controls">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<input type="text" class="form-control interface-filter" placeholder="Filter" title="Filter text (regular expressions supported)" />
</div>
</div>
<div class="col col-md-3 mb-0 d-flex noprint table-controls">
<div class="input-group input-group-sm justify-content-end">
{% if request.user.is_authenticated %} {% if request.user.is_authenticated %}
<button <button
type="button" type="button"
@ -28,11 +33,6 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="col col-md-4 float-end noprint table-controls mw-33">
<div class="input-group input-group-sm">
<input type="text" class="form-control interface-filter" placeholder="Filter" title="Filter text (regular expressions supported)" />
</div>
</div>
</div> </div>
{% include 'inc/responsive_table.html' with table=interface_table %} {% include 'inc/responsive_table.html' with table=interface_table %}
<div class="noprint bulk-buttons"> <div class="noprint bulk-buttons">

View File

@ -9,8 +9,9 @@
/> />
</div> </div>
</div> </div>
<div class="col col-md-2 mb-0 d-flex justify-content-end noprint table-controls"> <div class="col col-md-3 mb-0 d-flex noprint table-controls">
{% if request.user.is_authenticated and table_modal %} {% if request.user.is_authenticated and table_modal %}
<div class="input-group input-group-sm justify-content-end">
<button <button
type="button" type="button"
data-bs-toggle="modal" data-bs-toggle="modal"
@ -20,6 +21,7 @@
> >
<i class="mdi mdi-cog"></i> Configure Table <i class="mdi mdi-cog"></i> Configure Table
</button> </button>
</div>
{% endif %} {% endif %}
</div> </div>
</div> </div>