diff --git a/wled00/data/index.css b/wled00/data/index.css index 095de572a..dc44ef1af 100644 --- a/wled00/data/index.css +++ b/wled00/data/index.css @@ -863,6 +863,15 @@ input[type=range]::-moz-range-thumb { margin: 0; white-space: nowrap; } +a.btn { + display: block; + white-space: nowrap; + text-align: center; + padding: 8px 32px; + position: relative; + box-sizing: border-box; + line-height: 24px; +} /* Quick color select wrapper div */ #qcs-w { @@ -1018,7 +1027,7 @@ textarea { width: 50px !important; } -.segname, .pname, .bname { +.segname, .pname { white-space: nowrap; text-align: center; overflow: hidden; @@ -1028,9 +1037,6 @@ textarea { max-width: 170px; position: relative; } -.bname { - padding: 0 24px; -} .segname .flr, .pname .flr { transform: rotate(0deg); @@ -1520,7 +1526,7 @@ dialog { #info .infobtn, #nodes .infobtn { width: 145px; } - #info div, #nodes div { + #info div, #nodes div, #nodes a.btn { max-width: 320px; } } diff --git a/wled00/data/index.js b/wled00/data/index.js index ec8fcb23a..a46f0e670 100644 --- a/wled00/data/index.js +++ b/wled00/data/index.js @@ -1088,7 +1088,7 @@ function populateNodes(i,n) for (var o of n.nodes) { if (o.name) { let onoff = ``; - var url = ``; + var url = `${bname(o)}${o.vid<2307130?'':onoff}`; urows += inforow(url,`${btype(o.type&0x7F)}
${o.vid==0?"N/A":o.vid}`); nnodes++; }