From 8305921f006c38fbe2f174b21644117380981e78 Mon Sep 17 00:00:00 2001
From: roschaefer <git@roschaefer.de>
Date: Thu, 10 Oct 2019 11:58:19 +0200
Subject: [PATCH] Fine tune layout and spacing

---
 webapp/components/EnterNonce/EnterNonce.vue    |  2 +-
 .../PasswordReset/ChangePassword.vue           |  4 ++--
 webapp/pages/password-reset.vue                | 18 +++++++++++++-----
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/webapp/components/EnterNonce/EnterNonce.vue b/webapp/components/EnterNonce/EnterNonce.vue
index cd7633f50..d936544ad 100644
--- a/webapp/components/EnterNonce/EnterNonce.vue
+++ b/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"
diff --git a/webapp/components/PasswordReset/ChangePassword.vue b/webapp/components/PasswordReset/ChangePassword.vue
index a98026b2e..8f6a4a0ec 100644
--- a/webapp/components/PasswordReset/ChangePassword.vue
+++ b/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>
 
diff --git a/webapp/pages/password-reset.vue b/webapp/pages/password-reset.vue
index df5ae39f9..a4d0f1e56 100644
--- a/webapp/pages/password-reset.vue
+++ b/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>