# CSS Request: A Little More Text Padding?

**URL:** <https://community.glideapps.com/t/css-request-a-little-more-text-padding/10950>\
**Category:** Feature Requests\
**Created:** [June 16, 2020, 2:58pm UTC](https://community.glideapps.com/t/css-request-a-little-more-text-padding/10950 "2020-06-16T14:58:54Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![spencerb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/spencerb/32/4486_2.png) [@spencerb](https://community.glideapps.com/u/spencerb)\
**Post date:** [June 16, 2020, 2:58pm UTC](https://community.glideapps.com/t/css-request-a-little-more-text-padding/10950/1 "2020-06-16T14:58:54Z")

</div>

Hello, CSS Glide team! Do you mind adding a little more padding at the top of text in the app? I’ve provided a screenshot below. The text just seems to sit too close to the Title image, and I’m not sure how to give it a little more padding. Or is there already a way to add some padding to the top?

 ![p1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/3/3345d9b3d777376500a674f32287e5793639e2e4.png)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 16, 2020, 3:00pm UTC](https://community.glideapps.com/t/css-request-a-little-more-text-padding/10950/2 "2020-06-16T15:00:21Z")

</div>

A workaround would be using a Rich Text component for that, and add as many `<BR>` as you would like at the top.

---

<div class="post-metadata">

**Author:** ![spencerb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/spencerb/32/4486_2.png) [@spencerb](https://community.glideapps.com/u/spencerb)\
**Post date:** [June 16, 2020, 3:19pm UTC](https://community.glideapps.com/t/css-request-a-little-more-text-padding/10950/3 "2020-06-16T15:19:54Z")

</div>

And is there any way to reduce the margin between buttons? I’d like to close that gap as well, and not have there be so much space in between them.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 16, 2020, 3:25pm UTC](https://community.glideapps.com/t/css-request-a-little-more-text-padding/10950/4 "2020-06-16T15:25:20Z")

</div>

It would be a harder to implement solution, but what I would advise is to design 2 “fake buttons” (as images) that would have the margin as you wish. To make that looks correct make sure you don’t set the “matching device theme” option and design the buttons’ images match the background color (black/white).

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [June 18, 2020, 12:01am UTC](https://community.glideapps.com/t/css-request-a-little-more-text-padding/10950/5 "2020-06-18T00:01:30Z")

</div>

An alternative to BR that isn’t unsupported HTML could be a rich text component filled with an empty character to provide extra space. If you do the empty character + 2 spaces + the enter key over and over, you can stack empty characters and create bigger and bigger gaps. As far as I know, I would think that this would fit within rich text (markdown) guidelines.

> [@Show Tab label option per tab](https://community.glideapps.com/t/show-tab-label-option-per-tab/10750/7):
>
> Fill it with an empty character. [http://emptycharacter.com/](http://emptycharacter.com/) [image]

---

<div class="post-metadata">

**Author:** ![spencerb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/spencerb/32/4486_2.png) [@spencerb](https://community.glideapps.com/u/spencerb)\
**Post date:** [June 23, 2020, 2:06pm UTC](https://community.glideapps.com/t/css-request-a-little-more-text-padding/10950/6 "2020-06-23T14:06:05Z")

</div>

Thanks for the suggestion, @Jeff_Hager. I’ll try that out.
