fix meshgroup page styling in modern ui

Signed-off-by: si458 <simonsmith5521@gmail.com>

si458 committed Feb 10, 2026 at 13:44 UTC dcd8c1a9a63f569d873fc0b37f91e97514280bf1
1 file changed +15 -7
views/default3.handlebars
+15 -7
@@ -642,7 +642,6 @@
642 <span id="accountCreateLoginTokenSpan" style="display:none"><a href=# onclick="return account_createLoginToken()">Create login token</a><br /></span>
643 <a href=# onclick="return account_showThemesSwitcher()">Switch theme</a><br />
644 </p>
645 - <br style=clear:both />
645 </div>
646 <div id=p2logintokens></div>
647 <strong>Device Groups</strong>
@@ -1462,10 +1461,17 @@
1461 </div>
1462 <div class='fs-4 fw-bold'>General - <span id=p20meshName></span></div>
1463 </div>
1465 - <picture id=MainMeshImage style=border-width:0px;height:200px;width:200px;float:right>
1466 - <source type="image/webp" width=200 height=200 srcset="images/webp/mesh-256.webp" />
1467 - <img alt="" width=200 height=200 src=images/mesh-256.png />
1468 - </picture>
1464 + <div class="d-flex">
1465 + <div class="flex-grow-1">
1466 + <div id=p20info3></div>
1467 + </div>
1468 + <div>
1469 + <picture id=MainMeshImage>
1470 + <source type="image/webp" width=200 height=200 srcset="images/webp/mesh-256.webp" />
1471 + <img alt="" width=200 height=200 src=images/mesh-256.png />
1472 + </picture>
1473 + </div>
1474 + </div>
1475 <p id=p20info></p>
1476 <p id=p20info2></p>
1477 </div>
@@ -15054,9 +15060,11 @@
15060 x += addHtmlValue("Intel&reg; AMT", addLinkConditional(intelAmtPolicy, 'p20editMeshAmt()', meshrights & 1));
15061 }
15062
15063 + QH('p20info3', x);
15064 + x = '';
15065 +
15066 // Display device group note support
15058 - if (meshrights & 1) { x += '<br><input type=button class="btn btn-primary btn-sm mb-1" value=' + "Notes" + ' title="' + "View notes about this device group" + '" onclick=showNotes(false,"' + encodeURIComponentEx(currentMesh._id) + '") />'; }
15059 - x += '<br style=clear:both><br>';
15067 + if (meshrights & 1) { x += '<div class="row py-1"><div class="col"><input type=button class="btn btn-primary btn-sm mb-1" value=' + "Notes" + ' title="' + "View notes about this device group" + '" onclick=showNotes(false,"' + encodeURIComponentEx(currentMesh._id) + '") /></div></div>'; }
15068 if (meshrights & 2) {
15069 x += '<button class="btn btn-primary btn-sm me-2 mb-1" onclick="return p20showAddMeshUserDialog()"><i class="fa-solid fa-circle-plus"></i> ' + "Add Users" + '</button>';
15070 if (usergroups != null) {