fix(button): allow height of buttons stretch

[000000armor]

Summarize the changes made and the motivation behind them.

Add styles to parent container to allow children stretch

Reference related issues using # followed by the issue number.
#855

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
flowbite-react	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 22, 2023 1:00pm

[codecov]

Codecov Report

Patch coverage: 71.69% and project coverage change: -6.03% ⚠️

Comparison is base (7461173) 99.54% compared to head (3fdbbf9) 93.52%.
Report is 84 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #906      +/-   ##
==========================================
- Coverage   99.54%   93.52%   -6.03%     
==========================================
  Files         163      182      +19     
  Lines        6621     7890    +1269     
  Branches      401      439      +38     
==========================================
+ Hits         6591     7379     +788     
- Misses         30      511     +481     

Files Changed	Coverage Δ
src/components/Pagination/helpers.ts	100.00% <ø> (ø)
src/components/Toast/theme.ts	100.00% <ø> (ø)
src/components/Datepicker/Datepicker.tsx	28.43% <28.43%> (ø)
src/components/Datepicker/Views/Days.tsx	36.00% <36.00%> (ø)
src/components/Datepicker/Views/Decades.tsx	37.70% <37.70%> (ø)
src/components/Datepicker/Views/Months.tsx	37.70% <37.70%> (ø)
src/components/Datepicker/Views/Years.tsx	37.70% <37.70%> (ø)
src/components/Banner/BannerCollapseButton.tsx	40.90% <40.90%> (ø)
src/components/Datepicker/helpers.ts	60.13% <60.13%> (ø)
src/components/Banner/Banner.tsx	64.70% <64.70%> (ø)
... and 45 more

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[rluders]

Thanks, @000000armor.

I think that is worth to test what would happened if we have something like this:

<Button.Group>
      <Button color="gray">
        <HiUserCircle className="mr-3 h-4 w-4" />
        <p>
          Profile
        </p>
      </Button>
      <Button color="gray">
        <HiAdjustments className="mr-3 h-4 w-4" />
        <p>
          Settings <br/> with breakline
        </p>
      </Button>
      <Button color="gray">
        <HiCloudDownload className="mr-3 h-4 w-4" />
        <p>
          Messages
        </p>
      </Button>
    </Button.Group>

I think that the icon and text will not be centered. Can you check?

[000000armor]

@rluders yes, I'll check it. that's a nice corner case. Maybe we should add it to storybook example to show how the component should behave in certain situations?

[000000armor]

@rluders is it expected behaviour for provided case?

[rluders]

@rluders is it expected behaviour for provided case?

Sorry very late reply here, it got lost somehow. Yes, this would be the expected behavior.