How do decrease button gap?

[remoteworker.id]

Hi guys, looking at below buttons, it seems like it’ll better to decrease the gap… right?

Can we do that in Glide? Or do you have any other idea?

[Roldy]

Do you mean to decrease the gap between the “Explore RWID” button and the “Paham min. Saya…” button?

[ThinhDinh]

Here’s how it looks like at half the default width.

Use this in a rich text component.

<pre><span><style>

[data-test="app-button-view"] {
margin: 6px 16px;
}

[remoteworker.id]

Yess!
Sorry for just coming back: too many tasks at hand.

[remoteworker.id]

@ThinhDinh

<pre><span><style>

[data-test="app-button-view"] {
margin: 6px 16px;
}

This is new to me!
Yes, it works.
So, this styling … does it work application wide? Or just current tab?
I guess this is application wide, right?

[Robert_Petitto]

It works only in the current tab…you’d need to place that CSS on all tabs to make it global.

[Jim_McIntosh]

I’d also recommend adding the CSS to a cell in a sheet used for looking up items throughout the application. This way you can adjust the style in one location and just reference CSS on each screen.

[Eric_Penn]

I also use a ‘reference cell’ for all images. Then I use single value columns to bring the images into the correct sheets. This way I only have to change the image in one place.

[Darren_Murphy]

I like this approach. An extension to this approach that I’ve used is to bring all the images into my User Profiles table using Single Values, and then they can be used anywhere in the app without the need for additional columns.

[Dilon_Perera]

I’m learning new Tips , Tricks, Easy ways everyday to work with Glide easily from this community. Thank you all!

[remoteworker.id]

woa! Neat trick!