responsive bug fix

HappyBots · Jul 31, 2016 · c463392 · c463392
1 parent 1e49a26
commit c463392
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git 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
@@ -68,6 +68,8 @@
 
   .wip {
 
+			padding-top: 65px;
+
       h2 {
         font-size: 2rem;
       }

diff --git 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
@@ -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">
-Original file line number
+Diff line change
@@ Expand Up / @@ -28,7 +28,7 @@ @@
       .bot {
-          padding-top: 35px;
+          padding-top: 65px;
           .btn {
             padding: 6px 12px;
@@ Expand Down @@