From 7a9d4ff1c77db0249a3c4a44942609883c7abba8 Mon Sep 17 00:00:00 2001
From: Sam Foster <sfoster@mozilla.com>
Date: Mon, 15 Sep 2014 16:51:18 -0700
Subject: [PATCH] Bug 1065384 - Accomodate longer text in FTU tutorial.
 r=fcampo

---
 apps/ftu/style/tutorial.css | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/apps/ftu/style/tutorial.css b/apps/ftu/style/tutorial.css
index a879626cd17f..21b09ac1cbf3 100644
--- a/apps/ftu/style/tutorial.css
+++ b/apps/ftu/style/tutorial.css
@@ -9,28 +9,36 @@
 
 #tutorial-steps-container {
   top: 0.5rem;
+  bottom: 8.5rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 #tutorial-step-header {
-  height: 8.5rem;
+  flex: 0 1 auto;
   display: flex;
+  flex-direction: row;
   align-items: center;
+  width: 100%;
   padding: 0 1.5rem 0.5rem 1.5rem;
-  overflow: hidden;
   -moz-box-sizing: border-box;
+  min-height: 8.5rem;
 }
 
 #tutorial-step-title {
+  flex: 0 1 auto;
   color: white;
   display: block;
-  padding: 0;
+  padding: 1rem 0;
   margin: 0;
   font-size: 1.4rem;
   line-height: 2rem;
 }
 
 #tutorial-step-media {
-  height: calc(100% - 9.5rem);
+  flex: 1 1 auto;
+  width: 100%;
   text-align: center;
   overflow: hidden;
 }