Make the "Expand All"/"Collapse All" button larger (#7736)
* Make the "Expand All"/"Collapse All" button larger Cosmetic changes in the HTML to make the "Expand all"/"Collapse all" button larger and easier to click as proposed in #5360. * Make the "Expand All"/"Collapse All" button larger on modern UI Cosmetic changes in the HTML to make the "Expand all"/"Collapse all" button larger and easier to click as proposed in #5360. Now for the modern UI as well.
Tylla committed
Apr 14, 2026 at 12:12 UTC
0735560c2334ba1cc695d3324eb58e599db69774
2 files changed
+12
-12
views/default.handlebars
+4
-4
@@ -324,8 +324,8 @@
324
<tr>
325
<td class=h1></td>
326
<td id=devListToolbar class=style14 style="display:none">
327
- <img style="cursor:pointer;margin-top:4px;display:none" title="Collapse All" id="CollapseAllButton" src="images/icon-collapse.png" width=9 height=11 onclick="cmexpandaction(2)" />
328
- <img style="cursor:pointer;margin-top:4px;display:none" title="Expand All" id="ExpandAllButton" src="images/icon-expand.png" width=9 height=11 onclick="cmexpandaction(1)" />
327
+ <button type="button" title="Collapse All" id="CollapseAllButton" onclick="cmexpandaction(2)"><img src="images/icon-collapse.png" width="10" height="10"></button>
328
+ <button type="button" title="Expand All" id="ExpandAllButton" onclick="cmexpandaction(1)"><img src="images/icon-expand.png" width="10" height="10"></button>
329
<input type=button id=SelectAllButton onclick="selectallButtonFunction();" value="Select All" />
330
<input type=button id=GroupActionButton disabled="disabled" value="Group Action" onclick=groupActionFunction() />
331
<input type=button id=ScrollToTopButton onclick="onDevicesScroll(true);" style="display:none;margin-right:4px" value="Scroll To Top" />
@@ -347,8 +347,8 @@
347
<span id="devsCustomUIBar"></span>
348
</td>
349
<td id=kvmListToolbar class=style14 style="display:none">
350
- <img style="cursor:pointer;margin-top:4px;display:none" title="Collapse All" id="CollapseAllButton2" src="images/icon-collapse.png" width=9 height=11 onclick="cmexpandaction(2)" />
351
- <img style="cursor:pointer;margin-top:4px;display:none" title="Expand All" id="ExpandAllButton2" src="images/icon-expand.png" width=9 height=11 onclick="cmexpandaction(1)" />
350
+ <button type="button" title="Collapse All" id="CollapseAllButton2" onclick="cmexpandaction(2)"><img src="images/icon-collapse.png" width="10" height="10"></button>
351
+ <button type="button" title="Expand All" id="ExpandAllButton2" onclick="cmexpandaction(1)"><img src="images/icon-expand.png" width="10" height="10"></button>
352
<span id=KvmDesktopButtons>
353
<input type="button" onclick="connectAllKvmFunction()" value="Connect All" />
354
<input type="button" onclick="disconnectAllKvmFunction()" value="Disconnect All" />
views/default3.handlebars
+8
-8
@@ -442,14 +442,14 @@
442
</div>
443
<div id="devListToolbarSpan" class="noselect d-flex align-items-center p-1">
444
<div id=devListToolbar class="d-flex align-items-center visually-hidden"></td>
445
- <span class="fa-layers fa-fw me-1" role="button" style="display:none" title="Collapse All" id="CollapseAllButton" onclick="cmexpandaction(2)">
445
+ <button class="btn btn-secondary btn-sm fa-layers fa-fw me-1" style="width: 30px; height: 31px; display:none" title="Collapse All" id="CollapseAllButton" onclick="cmexpandaction(2)">
446
<i class="fa-solid fa-chevron-up" data-fa-transform="down-6"></i>
447
<i class="fa-solid fa-chevron-down" data-fa-transform="up-6"></i>
448
- </span>
449
- <span class="fa-layers fa-fw me-1" role="button" style="display:none" title="Expand All" id="ExpandAllButton" onclick="cmexpandaction(1)">
448
+ </button>
449
+ <button class="btn btn-secondary btn-sm fa-layers fa-fw me-1" style="width: 30px; height: 31px; display:none" title="Expand All" id="ExpandAllButton" onclick="cmexpandaction(1)">
450
<i class="fa-solid fa-chevron-up" data-fa-transform="up-6"></i>
451
<i class="fa-solid fa-chevron-down" data-fa-transform="down-6"></i>
452
- </span>
452
+ </button>
453
<input type=button class="btn btn-secondary me-1 btn-sm" id=SelectAllButton onclick="selectallButtonFunction();" value="Select All" />
454
<input type=button class="btn btn-primary me-1 btn-sm" id=GroupActionButton disabled="disabled" value="Group Action" onclick=groupActionFunction() />
455
<input type=button class="btn btn-secondary me-1 btn-sm" id=ScrollToTopButton onclick="onDevicesScroll(true);" value="Scroll To Top" />
@@ -476,14 +476,14 @@
476
<span id="devsCustomUIBar"></span>
477
</div>
478
<div id=kvmListToolbar class="d-flex align-items-center style14 visually-hidden">
479
- <span class="fa-layers fa-fw me-1" role="button" style="display:none" title="Collapse All" id="CollapseAllButton2" onclick="cmexpandaction(2)">
479
+ <button class="btn btn-secondary btn-sm fa-layers fa-fw me-1" style="width: 30px; height: 31px; display:none" title="Collapse All" id="CollapseAllButton2" onclick="cmexpandaction(2)">
480
<i class="fa-solid fa-chevron-up" data-fa-transform="down-6"></i>
481
<i class="fa-solid fa-chevron-down" data-fa-transform="up-6"></i>
482
- </span>
483
- <span class="fa-layers fa-fw me-1" role="button" style="display:none" title="Expand All" id="ExpandAllButton2" onclick="cmexpandaction(1)">
482
+ </button>
483
+ <button class="btn btn-secondary btn-sm fa-layers fa-fw me-1" style="width: 30px; height: 31px; display:none" title="Expand All" id="ExpandAllButton2" onclick="cmexpandaction(1)">
484
<i class="fa-solid fa-chevron-up" data-fa-transform="up-6"></i>
485
<i class="fa-solid fa-chevron-down" data-fa-transform="down-6"></i>
486
- </span>
486
+ </button>
487
<span id="KvmDesktopButtons">
488
<input type="button" class="btn btn-success me-1 btn-sm" onclick="connectAllKvmFunction()" value="Connect All" />
489
<input type="button" class="btn btn-danger me-1 btn-sm" onclick="disconnectAllKvmFunction()" value="Disconnect All" />