From ad7ad7c7f781706b25b29c80c642006a4d18411a Mon Sep 17 00:00:00 2001
From: Anike Arni <aarni@thoughtworks.com>
Date: Wed, 8 Feb 2017 16:05:44 -0200
Subject: [#922] Create footer

with @tayanefernandes
---
 web-ui/src/account_recovery/page.scss | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

(limited to 'web-ui/src/account_recovery/page.scss')

diff --git a/web-ui/src/account_recovery/page.scss b/web-ui/src/account_recovery/page.scss
index 619d1105..5947d463 100644
--- a/web-ui/src/account_recovery/page.scss
+++ b/web-ui/src/account_recovery/page.scss
@@ -19,11 +19,15 @@
 @import "~scss/base/colors";
 @import "~scss/base/fonts";
 
-html {
+html, body, #root {
+  height: 100%;
+}
+
+body, #root {
   min-height: 100%;
 }
 
-body {
+.page {
   font-family: "Open Sans", "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", "微软雅黑", "Helvetica Neue", Arial, sans-serif;
   background: $dark_blue; /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(left top, $dark_blue, $middle_blue); /* For Safari 5.1 to 6.0 */
@@ -32,6 +36,12 @@ body {
   background: linear-gradient(to bottom right, $dark_blue, $middle_blue); /* Standard syntax */
   color: $dark_grey_text;
   min-height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+section {
+  flex: 1 0 auto;
 }
 
 h1 {
@@ -68,9 +78,10 @@ a {
   display: flex;
   align-items: flex-start;
   flex-direction: column;
+  box-shadow: 0 2px 3px 0 $shadow;
 }
 
-img {
+.backup-account-image {
   width: 50%;
   align-self: center;
 }
@@ -109,7 +120,7 @@ img {
     }
   }
 
-  img {
+  .backup-account-image {
     width: 300px;
   }
 }
-- 
cgit v1.2.3