fix: enhance layout consistency in CPU isolation, pinning, and VM pages

- Updated form structures in CPUisol.page, CPUpin.page, and CPUvms.page to use flex containers for button alignment.
- Removed unnecessary div wrappers to streamline layout.
- This change continues the effort to enhance visual consistency across the plugin.
This commit is contained in:
Zack Spear
2025-05-22 12:59:14 -07:00
parent a0c4680329
commit b5edfc9ad0
4 changed files with 34 additions and 14 deletions

View File

@@ -15,9 +15,8 @@ Tag="icon-cpu"
*/
?>
<form name="is">
<input type="hidden" name="names" value="isolcpus">
<input type="hidden" name="names" value="isolcpus">
<div class="TableContainer">
<table class='tablesorter shift' style='width:auto'>
<thead>
<tr>
@@ -25,10 +24,17 @@ Tag="icon-cpu"
<?create()?>
</tr>
</thead>
<tbody id="table-is"><?=$spinner?></tbody>
<tbody id="table-is"><?=$spinner?></tbody>
</table>
</div>
<input type="button" value="_(Apply)_" onclick="apply(this.form)" disabled><input type="button" value="_(Done)_" onclick="done()"><span id="wait-is" class="red-text" style="display:none"><i class="fa fa-spinner fa-spin"></i> _(Please wait)_...</span>
<div class="flex flex-row items-center gap-2">
<input type="button" value="_(Apply)_" onclick="apply(this.form)" disabled>
<input type="button" value="_(Done)_" onclick="done()">
<span id="wait-is" class="red-text" style="display:none">
<i class="fa fa-spinner fa-spin"></i>
<span>_(Please wait)_...</span>
</span>
</div>
</form>
<?if (!$safemode):?>
<?else:?>

View File

@@ -16,8 +16,8 @@ Tag="icon-cpu"
?>
<?if ($dockerd):?>
<form name="ct">
<input type="hidden" name="names" id="names-ct" value="">
<div class="TableContainer">
<input type="hidden" name="names" id="names-ct" value="">
<table class='tablesorter shift' style='width:auto'>
<thead>
<tr>
@@ -29,8 +29,15 @@ Tag="icon-cpu"
<?=$spinner?>
</tbody>
</table>
</div>
<input type="button" value="_(Apply)_" onclick="apply(this.form)" disabled><input type="button" value="_(Done)_" onclick="done()"><span id="wait-ct" class="red-text" style="display:none"><i class="fa fa-spinner fa-spin"></i> _(Please wait)_...</span>
<div class="flex flex-row items-center gap-2">
<input type="button" value="_(Apply)_" onclick="apply(this.form)" disabled>
<input type="button" value="_(Done)_" onclick="done()">
<span id="wait-ct" class="red-text" style="display:none">
<i class="fa fa-spinner fa-spin"></i>
<span>_(Please wait)_...</span>
</span>
</div>
</form>
<?else:?>
<div class="notice">_(No CPU pinning available. Docker service must be started)_</div>

View File

@@ -310,8 +310,8 @@ $(function() {
</script>
<?if ($libvirtd):?>
<form name="vm">
<input type="hidden" name="names" id="names-vm" value="">
<div class="TableContainer">
<input type="hidden" name="names" id="names-vm" value="">
<table class='tablesorter shift' style='width:auto'>
<thead>
<tr>
@@ -321,8 +321,15 @@ $(function() {
</thead>
<tbody id="table-vm"><?=$spinner?></tbody>
</table>
</div>
<input type="button" value="_(Apply)_" onclick="apply(this.form)" disabled><input type="button" value="_(Done)_" onclick="done()"><span id="wait-vm" class="red-text" style="display:none"><i class="fa fa-spinner fa-spin"></i> _(Please wait)_...</span>
<div class="flex flex-row items-center gap-2">
<input type="button" value="_(Apply)_" onclick="apply(this.form)" disabled>
<input type="button" value="_(Done)_" onclick="done()">
<span id="wait-vm" class="red-text" style="display:none">
<i class="fa fa-spinner fa-spin"></i>
<span>_(Please wait)_...</span>
</span>
</div>
</form>
<?else:?>
<div class="notice">_(No CPU pinning available. VM service must be started)_</div>

View File

@@ -1268,7 +1268,7 @@ a.list {
* Force remove any small empty space elements.
* Necessary evil to prevent needing to rewrite .page file parsing and allow for a more responsive page.
*/
dt, dd, p, div, span {
dt, dd, p {
&:empty {
display: none !important;
margin: 0 !important;