Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×

Bigger Icons in Macro Quick Bar

Score + 1
As my title says, the request it pretty simple, I would appreciate having bigger icons when used in the macro quick bar buttons. Since we have a limited amount of space in that bar (and only 1 row) it can quickly get filled and unusable with text. So I started using icons, but the padding of the buttons (which works fine for text) is really annoying for icons which are reduced way more than they should.  In CSS its probably impossible to detect if a button contains an icon, but you could detect if the button contains only 1 character and set the padding differently in that case. Something in the lines of: Javascript : document.querySelectorAll(".box").forEach(el => {     if (el.textContent.trim().length === 1) {         el.classList.add("single-char");     } }); CSS .box {  padding: 4px 8px;  } .box.single-char {  padding: 2px 4px;  } Dunno if I'm the only one that feels this way, but that would definitely be a great improvement to that limited macro quick bar.
Until a function like this gets implemented, you can use a browser extension called Stylus to adjust how things look on your screen. It affects the display only your screen, so it won't change what other people see on theirs. This is what my macro bar looks like after I used a Stylus script to both adjust the size of the macro buttons and display a second line: