Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

luci-material-theme: replace margin by gap in ifacebadge

Browse source 
Material is a "flex" theme. Better to use "gap" in place of "margin" to
add some space between elements inside "flex" elements.

This fixes the problem specially when there are text elements inside the
"flex" and don't hurt when there are images.

Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
This commit is contained in:
Miguel Angel Mulero Martinez 2022-05-04 10:53:35 +02:00
parent 111c551cdb
commit 1cd615787a
1 changed files with 1 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
themes/luci-theme-material/htdocs/luci-static/material/cascade.css
View file

@ -1836,6 +1836,7 @@ body.modal-overlay-active #modal_overlay {
.ifacebadge {
display: inline-flex;
gap: .2rem;
padding: .5rem .8rem;
border-bottom: thin solid #ccc;
background: #eee;
@ -1852,11 +1853,6 @@ td > .ifacebadge,
.ifacebadge > img {
display: inline-block;
align-self: flex-start;
margin: 0 .2rem;
}
.ifacebadge > img + img {
margin: 0 .2rem 0 0;
}
.network-status-table {