Rework the public views to work better on mobile

dashboard/src/views/PasswordResetView.vue

@@ -109,7 +109,7 @@ onMounted(async () => {
 
 <template>
   <PublicPageLayout :footerHtml="footer">
-    <div v-if="ready" style="max-width: 300px;">
+    <div v-if="ready">
 
       <div v-if="mode === MODE.RESET_PASSWORD">
         <small>{{ $t('passwordReset.title') }}</small>
@@ -123,8 +123,8 @@ onMounted(async () => {
             <TextInput id="inputPasswordResetIdentifier" name="passwordResetIdentifier" v-model="passwordResetIdentifier" :disabled="busy" autofocus required />
           </FormGroup>
 
-          <div class="public-page-layout-button-bar">
-            <Button @click="onPasswordReset()" :disabled="busy || !passwordResetIdentifier" :loading="busy">{{ $t('passwordReset.resetAction') }}</Button>
+          <div style="margin-top: 20px">
+            <Button style="margin-right: 6px" @click="onPasswordReset()" :disabled="busy || !passwordResetIdentifier" :loading="busy">{{ $t('passwordReset.resetAction') }}</Button>
             <a href="/">{{ $t('passwordReset.backToLoginAction') }}</a>
           </div>
         </form>