[A11y]Fixing a missed horizontal scroll bar case

[ryuyu]

Fixing https://devdiv.visualstudio.com/DevDiv/_workitems/edit/1188115 being reopened.

[loic-sharma]

Do we need to update these snippets as well?

NuGetGallery/src/NuGetGallery/Views/Users/_UserAccountChangeExternalCredential.cshtml

Lines 72 to 80 in 41db291

	<span>
	Two-factor authentication is currently enabled <i class="ms-Icon ms-Icon--CheckMark checkmark-icon" aria-hidden="true"></i>
	</span>
	<span class="col-sm-3">
	<button class="btn btn-danger btn-block" type="submit"
	data-confirm="This action will disable 2FA, making your account less secure. Are you sure you want to disable this setting?">
	Disable
	</button>
	</span>

NuGetGallery/src/NuGetGallery/Views/Users/_UserAccountChangeExternalCredential.cshtml

Lines 84 to 89 in 41db291

	<span>
	Two-factor authentication is currently disabled <i class="ms-Icon ms-Icon--Warning warning-icon" aria-hidden="true"></i>
	</span>
	<span class="col-sm-3">
	<button class="btn btn-default btn-block" type="submit">Enable</button>
	</span>

[loic-sharma]

What's with the padding: 0? Do these spans need to be wrapped by a <div class="row"> ... </div> or something?

[ryuyu]

I tried that and it behaved very strangely. Currently, overriding this for this line was the most robust solution in practice in terms of reflow. btn-block appears to make the button behave oddly for reflowing.

[lyndaidaii]

I am aslo not sure padding: 0 here, I tried build your changes locally, it appears display improperly

[ryuyu]

Good eye @lyndaidaii ! I noticed when testing on dev that I forgot to push a CSS change that needs to accompany this. It is now pushed.

[ryuyu]

Good catch on those snippets @loic-sharma
Updated.