Arrange compact inline list into a single line with CSS

Ask for Help
7

image
image1448×1232 82.7 KB

I might be able to get there using some not selectors but it took way too much time and I don’t have much time left today.

So I propose this instead, use the “group by” element instead of the inline list title.

<pre><span><style>

[data-test="app-vertical-list"] div[style*="top: 0px"] >div >div >div{
margin: 0px 0 0 0%;
width:100%;
border-radius: 5px;
background: darkred;
background-size: contain;
text-align: left;
font-size: 120%;
color: white !important;
padding: 10px 15px;
font-weight: 800;
}

This takes advantage of the fact that the group by title has a style attached to it, we don’t have that with the inline list title.

3 Likes