[Button] label is not centered when used inside SSheetFooterAction

[NozomuIkuta]

when SButton's block prop is enabled and the button is used inside SSheetFooterAction, the button label comes to look like below:

As far as I checked, the text element doesn't extend (or "flex-grow") in the button, which is in turn extended to min-width of SSheetFooterAction.

Workaround at the moment is to define styles like below where SSheetFooterAction is used.

<style scoped lang="postcss">
:deep(.SSheetFooterAction .SButton .content) {
  flex-grow: 1
}
</style>

By the way, if block prop is disabled, then the button comes to not extend to min-width of SSheetFooterAction like below:

[kiaking]

Oh yeah I think this is fixed by #274

👉 https://github.com/globalbrain/sefirot/pull/274/files#r1189356381