Center text with respect to parent container, not flexbox

[Simon_Hathout_Willar]

Hello

I'm looking to create a super simple popup that displays the data from an inspection booth. Users would like to both see the recent data, as well as download all of the data to use in excel.

However, I'm not sure how to best center this text, that says "inspection data".

I want the text to be centered to the view (Inline with the "Station Name" label).

Right now, the root container is a column flexbox, and the row with the title and download is a row flexbox. I could add padding to the label, but that feels like a hacky solution.

Is there a better container type for this than a flexbox, or some optimal way to do this?

[pturmel]

Do you work with @danielps1818 ?

See this topic:

Center text to view instead of Flex Component

Hi! We designed a header that goes on the top of all the views. The person that did it like 2 years ago didn't center the text and I'm trying to fix it. It's a Flex View that contains the following: | Icon | Logo | Flex Container 1 | User Icon | Conf Icon | Flex Container 2 | All of those have a fix width except the Flex Container 1 that has the view tittle and has grow:1. This means that the tittle is centered to that Flex Container and not the view. Any idea on how to fix it? If I could …

[Simon_Hathout_Willar]

Nope, although we do seem to be having similar issues, lol!

I suppose I'll set the button width to be fixed, and then just use a corresponding left margin to fix everything up