form fieldset {
	display: flex !important;
	flex-direction: column;
}

form fieldset > p {
	position: relative;
}

#password {
	margin: 5px 0;
	padding-right: 45px;
	height: 45px;
	box-sizing: border-box;
	flex: 1 1 auto;
	width: 100% !important;
	min-width: 0; /* FF hack for to override default value */
}

input[type='submit'],
input[type='submit'].icon-confirm {
	position: absolute;
	top: 0px;
	right: -5px;
	width: 45px !important;
	height: 45px;
	background-color: transparent !important;
}

form fieldset {
	display: flex !important;
	flex-direction: column;
}

form fieldset > p {
	position: relative;
}

#password {
	margin: 5px 0;
	padding-right: 45px;
	height: 45px;
	box-sizing: border-box;
	flex: 1 1 auto;
	width: 100% !important;
	min-width: 0; /* FF hack for to override default value */
}

input[type='submit'],
input[type='submit'].icon-confirm {
	position: absolute;
	top: 0px;
	right: -5px;
	width: 45px !important;
	height: 45px;
	background-color: transparent !important;
}

.warning > .warning {
	/* Do not use a top margin for warning messages in the warning container. */
	margin-top: 0;
}

Remove extra margin from warning messages in authenticate page
Remove extra margin from warning messages in authenticate page

In the public share authentication page the form elements appear inside
a container that uses the "warning" CSS class. When the given password
is wrong a warning message is shown inside that container; this message
uses the "warning" CSS class too, so the top margin set for ".warning"
elements need to be removed in that case.

Signed-off-by: Daniel Calviño Sánchez <bd7629e975cc0e00ea7cda4ab6a120f2ee42ac1b@gmail.com>
