Mobile landscape buttons bleed over

[Philip Griffith]

The text in the Bootstrap button group bleeds over when in the mobile Landscape mode.

[Clinton Lunn]

An interim fix: It does not overflow when the words are short enough. It was failing before because the words were too long. There must be a button rule that forces padding from text to button edge. Looks better now and does not overflow on portraid and landscape of even smallest (iPhone 5/SE) screen.

I figure it would be acceptable because our filters will probably consist of these "Accepts Insurance" and "Accepts Medicare" filters.

[Clinton Lunn]

<label class="btn btn-garnet text-wrap btn-primary p-2">
	<!-- Ttallahassee insurance -->
	<input type="checkbox" name="options" id="insurance" autocomplete="off">	Accepts Insurance
</label>
<label class="btn btn-garnet text-wrap btn-primary p-2">
	<!-- zipcode 32309/medicare -->
	<input type="checkbox" name="options" id="medicare" autocomplete="off">Accepts Medicare
</label>

the padding class (p-2) is forcing this padding. If padding is decreased, it will allow larger words to occupy this space without overflow.

[Philip Griffith]

I would consider this issue irrelevant at this point. lol