From d8fe7438d8c85c0115ddc520fe9ef117e305a6c2 Mon Sep 17 00:00:00 2001
From: Tayane Fernandes <tayane.rmf@gmail.com>
Date: Wed, 15 Mar 2017 16:56:11 -0300
Subject: [#971] Add css style for the confirmation page

with @tuliocasagrande
---
 .../backup_account/confirmation/confirmation.scss  | 35 ++++++++++++++--------
 1 file changed, 22 insertions(+), 13 deletions(-)

(limited to 'web-ui/src/backup_account/confirmation/confirmation.scss')

diff --git a/web-ui/src/backup_account/confirmation/confirmation.scss b/web-ui/src/backup_account/confirmation/confirmation.scss
index 44f3fa8a..da349276 100644
--- a/web-ui/src/backup_account/confirmation/confirmation.scss
+++ b/web-ui/src/backup_account/confirmation/confirmation.scss
@@ -19,26 +19,35 @@
 @import "~scss/base/colors";
 @import "~scss/base/fonts";
 
-
-
-.confirmation {
-  background: $white;
+.confirmation-container {
   width: 84%;
-  margin: 3% auto;
   padding: 6% 5%;
-  box-shadow: 0 2px 3px 0 $shadow;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+
+  img {
+    padding: 2em 3.2em 2em 0;
+  }
 }
 
-@media only screen and (min-width : 500px) {
+ .submit-button {
+   width: 65%;
+   align-self: center;
+ }
 
+@media only screen and (min-width : 500px) {
+  .confirmation-container {
+    width: 50%;
+    padding: 1em 2em;
+  }
 }
 
 @media only screen and (min-width : 960px) {
-  .confirmation{
-    width: 60%;
-    padding: 3em;
-    align-items: flex-start;
-    flex-direction: row;
-    max-width: 700px;
+  .confirmation-container {
+    width: 30%;
+    padding: 1em 2em;
+    display: flex;
+    flex-direction: column;
   }
 }
-- 
cgit v1.2.3