/* wrap a <pre> */
.white-space-pre-wrap {
	white-space: pre-wrap;
}

/* add missing btn-xs */
.btn-group-xs > .btn, .btn-xs {
	padding: 0.2rem 0.5rem; 
	font-size: .775rem; 
	line-height: 1rem; 
	border-radius: .2rem; 
}

/* like h-100 but with dvh */
.dvh-100 {
	height: 100dvh;
}

/* this comes up enough to have its own class */
.nowrap {
	white-space: nowrap;
}

/* put on a button where double tapping is causing zooming on mobile, to prevent zooming. */
.touch-action-manipulation {
	touch-action: manipulation;
}

/* adjust container for size of navbar. fixes buttons being cut off at bottom of screen. */
/* this also makes the sidebar and body able to be scrolled independantly of each other. */
#container {
	height: calc(100% - 40px);
}

/* also limit navbar height to the height we set in #container */
header.navbar {
	max-height: 40px;
}

/* wrap text in <pre>s. */
.pre-wrap {
	white-space: pre-wrap;
}

/* add a red * to form labels that are required. */
label.required::after {
	content: ' *';
	color: red;
}

/* make form labels be bold by default. */
.form-label {
	font-weight: bold;
}

/* limit size of img a bit while keeping it vertically centered. */
.navbar-brand img {
	padding: 3px 0px;
}

/* xs edit button for table rows. */
.edit-btn {
	padding: 0.25rem; 
	width: 25px;
	height: 25px;
}