# HG changeset patch
# User Thomas Junk <thomas.junk@intevation.de>
# Date 1529572769 -7200
# Node ID eef7280399008b6f9af657bd5c401de47b6f1f30
# Parent  7d242100af463832fe44a3128303f51a83715da0# Parent  f912ac27d576fe6207e71c2b6eaf2cff84d3ef63
merge

diff -r f912ac27d576 -r eef728039900 client/src/App.vue
--- a/client/src/App.vue	Thu Jun 21 10:16:49 2018 +0200
+++ b/client/src/App.vue	Thu Jun 21 11:19:29 2018 +0200
@@ -7,6 +7,10 @@
 </template>
 
 <style lang="scss">
+body {
+  background-color: #efefef !important;
+}
+
 #app {
   font-family: "Avenir", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
diff -r f912ac27d576 -r eef728039900 client/src/views/Login.vue
--- a/client/src/views/Login.vue	Thu Jun 21 10:16:49 2018 +0200
+++ b/client/src/views/Login.vue	Thu Jun 21 11:19:29 2018 +0200
@@ -1,12 +1,12 @@
 <template>
-  <div class="login">
+  <div class="login border border-dark rounded bg-white">
     <div>
       <div class="logo d-flex flex-row justify-content-center">
         <div><img src="../assets/logo.png"></div>
         <div class="title"><h1>{{ appTitle }}</h1></div>
       </div>
     </div>
-    <div class="login-wrapper border border-light d-flex flex-row justify-content-center">
+    <div class="login-wrapper d-flex flex-row justify-content-center">
       <form class="loginform form-signin" @submit.prevent="login">
         <div v-if="loginFailed" class="alert alert-danger" role="alert">
           <span class="loginerror">{{ loginAttemptFailed }}</span>
@@ -36,12 +36,15 @@
 
 <style lang="scss">
 $offset: 20px;
+$small-offset: 10px;
 $iconsize: 3em;
 $iconLineHeight: 0.25em;
 $iconwidth: 20px;
 
 .forgottenlink {
   text-align: right;
+  margin-top: $small-offset;
+  margin-bottom: $offset;
 }
 #inputPassword {
   border-right: none;
@@ -50,7 +53,10 @@
   background-color: white !important;
 }
 .login {
+  margin-left: auto;
+  margin-right: auto;
   margin-top: 200px;
+  width: 600px;
 }
 .loginerror {
   white-space: pre;
@@ -61,6 +67,7 @@
 .logo {
   position: relative;
   left: -85px;
+  margin-top: $offset;
   margin-bottom: $offset;
 }
 .mail-icon {