update homepage design

app/assets/stylesheets/custom.css.erb

@@ -22,6 +22,7 @@ body                    { padding-top: 70px; }
 #cheerlights_row        { text-align: center; height: 180px; }
 #cheerlights_row img    { margin-top: 40px; }
 .break-word             { word-break: break-word; }
+.btn-margin             { margin: 2px; }
 .col-pad                { padding: 0 15px; }
 .dismiss                { float: right; cursor: pointer; position: relative; top: -12px; left: 7px; }
 

app/views/layouts/_footer.html.erb

@@ -2,7 +2,7 @@
   <div class="container">
     <p class="text-muted">
 
-      <span class="pull-left">
+      <span class="hidden-xs pull-left">
         <a href="http://www.thingspeak.com/" title="Open Source Internet of Things">ThingSpeak.com</a> |
         <a href="http://community.thingspeak.com/" title="The ThingSpeak Blog covering the web of things">Blog</a> |
         <a href="http://community.thingspeak.com/forum/" title="Open discussion forum for ThingSpeak">Forum</a> |
@@ -10,7 +10,7 @@
         <a href="http://community.thingspeak.com/tutorials/" title="Tutorials on how to use ThingSpeak web services">Tutorials</a> |
         <a href="http://feeds.feedburner.com/internetofthings" title="Internet of Things RSS Feed" target="_blank">RSS Feed</a>
       </span>
-      <span class="hidden-phone pull-right">
+      <span class="pull-right">
         &copy;<%= Time.now.year %> <a href="https://thingspeak.com" title="Open Source Internet of Things">ThingSpeak</a> - Powered by <a href="http://www.iobridge.com" target="_blank">ioBridge</a>
       </span>
 

app/views/pages/home.html.erb

@@ -56,7 +56,7 @@
         <div class="panel-heading">
           <h3 class="panel-title">
             <i class="fa fa-gears fa-fw fa-lg"></i>
-            Integrate With Anything
+            Integrate
           </h3>
         </div>
         <div class="panel-body panel-home">
@@ -103,8 +103,8 @@
     <h1>Get Started</h1>
     <p>If you are ready to build your Internet of Things, <%= link_to t(:signup), new_user_registration_path, :class => 'btn btn-primary btn-sm' %> for a free developer account.</p>
     <p>
-      <a href="/docs" target="_blank" class="btn btn-info btn-lg">Learn More</a>
+      <a href="/docs" target="_blank" class="btn btn-info btn-lg btn-margin">Learn More</a>
-      <a id="contact_link" class="btn btn-success btn-lg"><%= t(:contact_us) %></a>
+      <a id="contact_link" class="btn btn-success btn-lg btn-margin"><%= t(:contact_us) %></a>
     </p>
     <div id="contact_form">
       <br>
@@ -114,7 +114,7 @@
 
   <br><br>
 
-  <div class="panel panel-primary">
+  <div class="hidden-xs panel panel-primary">
     <div class="panel-heading">
       <h3 class="panel-title">
         <a href="http://community.thingspeak.com/" title="ThingSpeak Community, Blog, and Forum">Latest News<a> <a href="http://feeds.feedburner.com/internetofthings/" title="ThingSpeak RSS Feed"><%= image_tag 'icon_rss.gif' %></a>