Fine tune layout and spacing

webapp/components/EnterNonce/EnterNonce.vue

@@ -1,5 +1,5 @@
 <template>
-  <ds-space margin="large">
+  <ds-space margin-top="large" margin-bottom="xxx-small">
     <ds-form
       v-model="formData"
       :schema="formSchema"

webapp/components/PasswordReset/ChangePassword.vue

@@ -30,7 +30,7 @@
         </ds-space>
       </template>
     </ds-form>
-    <ds-text v-else>
+    <ds-space v-else>
       <template v-if="changePasswordResult === 'success'">
         <sweetalert-icon icon="success" />
         <ds-text>
@@ -51,7 +51,7 @@
         </ds-text>
       </template>
       <slot></slot>
-    </ds-text>
+    </ds-space>
   </ds-space>
 </template>
 

webapp/pages/password-reset.vue

@@ -1,11 +1,19 @@
 <template>
   <ds-container width="small">
     <ds-card>
-      <client-only>
-        <locale-switch offset="5" />
-      </client-only>
-      <nuxt-child />
-      <ds-space margin="x-small"></ds-space>
+      <ds-flex gutter="small">
+        <ds-flex-item :width="{ base: '100%', sm: '40%' }">
+          <client-only>
+            <locale-switch offset="5" />
+          </client-only>
+          <ds-space margin-top="small" margin-bottom="xxx-small" centered>
+            <img alt="Human Connection" src="/icon.png" />
+          </ds-space>
+        </ds-flex-item>
+        <ds-flex-item :width="{ base: '100%', sm: '60%' }" centered>
+          <nuxt-child />
+        </ds-flex-item>
+      </ds-flex>
     </ds-card>
   </ds-container>
 </template>