<commit_before>/**
 * The submit buttons on form pages
 */

// On vertical forms, don't push actions over
.form-vertical .form-actions {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 150; // goes above the content but UNDER the sidebar
	width: 100%;
	padding: 10px 10px 5px 10px;
	@include rgba-background-inline(rgba(#fff, .7));
	margin-left: 0;
	text-align: right;
}

// The actions btns should have a bottom margin so they wrap to multiple
// lines nicer
.form-actions .btn {
	margin-bottom: 5px;
}
<commit_msg>Making the buttons small on phone widths<commit_after>/**
 * The submit buttons on form pages
 */

// On vertical forms, don't push actions over
.form-vertical .form-actions {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 150; // goes above the content but UNDER the sidebar
	width: 100%;
	padding: 10px 10px 5px 10px;
	@include rgba-background-inline(rgba(#fff, .7));
	margin-left: 0;
	text-align: right;
}

// The actions btns should have a bottom margin so they wrap to multiple
// lines nicer
.form-actions .btn {
	margin-bottom: 5px;

	// on mobile, extend the btn-sm class so the buttons are smaller
	@media(max-width:$screen-xs) {

		// since I can't seem to make use of @extend
		// I am mimicking the styles for .btn-sm of bootstrap
		// Not ideal, but it works great
		padding: 3px 7px;
		font-size: 12px;
		line-height: 1.5;
		@include border-radius(3px);
	}
}

{'fraction_non_alphanumeric': 0.11908177905308465, 'fraction_numerical': 0.03084648493543759, 'mean_word_length': 3.359375, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '896481', 'n_tokens_mistral': 533, 'n_tokens_neox': 465, 'n_words': 181}