From c46339201fe02c62605a72c7c7c72e30cd198b4f Mon Sep 17 00:00:00 2001
From: Sandoche Adittane <sandoche.adittane@nl.ibm.com>
Date: Sun, 31 Jul 2016 15:08:19 +0200
Subject: [PATCH] responsive bug fix

---
 app/styles/_bot.scss | 2 +-
 app/styles/_wip.scss | 2 ++
 app/views/bot.html   | 4 ++--
 app/views/wip.html   | 4 ++--
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/styles/_bot.scss b/app/styles/_bot.scss
index 5ce2b0a..29aed3c 100644
--- a/app/styles/_bot.scss
+++ b/app/styles/_bot.scss
@@ -28,7 +28,7 @@
 
   .bot {
 
-      padding-top: 35px;
+      padding-top: 65px;
 
       .btn {
         padding: 6px 12px;
diff --git a/app/styles/_wip.scss b/app/styles/_wip.scss
index 524ee11..a65e40c 100644
--- a/app/styles/_wip.scss
+++ b/app/styles/_wip.scss
@@ -68,6 +68,8 @@
 
   .wip {
 
+			padding-top: 65px;
+
       h2 {
         font-size: 2rem;
       }
diff --git a/app/views/bot.html b/app/views/bot.html
index 0c80a72..fbcc16d 100644
--- a/app/views/bot.html
+++ b/app/views/bot.html
@@ -1,10 +1,10 @@
 <section class="bot center" style="background: url({{ Bot.imageBgSrc }}) no-repeat center fixed; background-size: cover;">
   <div class="container">
     <div class="row">
-      <div class="col-sm-5 col-sm-offset-1 vcenter">
+      <div class="col-xs-8 col-xs-offset-2 col-sm-5 col-sm-offset-1 vcenter">
         <img src="{{ Bot.imageSrc }}" class="img-responsive" alt="" />
       </div>
-      <div class="col-sm-5 center-col vcenter">
+      <div class="col-xs-12 col-sm-5 center-col vcenter">
         <h1>Hello, <strong><typer words="['I\'m ' +  Bot.name ]" type-time='50' start-typing="true" repeat="false" backspace-time='200' start-delay='1500'></typer></strong></h1>
 
         <h2>{{ Bot.description }}</h2>
diff --git a/app/views/wip.html b/app/views/wip.html
index b804f73..17e1499 100644
--- a/app/views/wip.html
+++ b/app/views/wip.html
@@ -1,10 +1,10 @@
 <section class="wip center" style="background: url(images/wipBg2.png) no-repeat center fixed; background-size: cover;">
   <div class="container">
     <div class="row">
-      <div class="col-sm-5 col-sm-offset-1 vcenter">
+      <div class="col-xs-8 col-xs-offset-2 col-sm-5 col-sm-offset-1 vcenter">
         <img src="images/wip.png" class="img-responsive moving-animation" alt="" />
       </div>
-      <div class="col-sm-5 center-col vcenter">
+      <div class="col-xs-12 col-sm-5 center-col vcenter">
         <h2>Oh my god! {{ newBotName }} is hatching! It will grow up to be the best {{ feature }} bot!</h2>
 
         <div class="text-block">