From 878087f2350f35b3902446eadb56750bc000c714 Mon Sep 17 00:00:00 2001
From: Brian Clozel <bclozel@pivotal.io>
Date: Mon, 26 Jan 2015 15:53:42 +0100
Subject: [PATCH] Improve CSS layout

This commit improves the page layout:
* use lighter fonts for the curl command line
* align download buttons
* dependency choices are now using "col-xs-*" classes for mobile devices
---
 .../src/main/resources/static/css/spring.css       | 10 ++++++++++
 initializr/src/main/resources/templates/home.html  | 14 +++++++-------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/initializr/src/main/resources/static/css/spring.css b/initializr/src/main/resources/static/css/spring.css
index daa54b69..0ac7152e 100644
--- a/initializr/src/main/resources/static/css/spring.css
+++ b/initializr/src/main/resources/static/css/spring.css
@@ -3,6 +3,10 @@ body, h1, h2, h3 {
     font-family: "Varela Round",sans-serif;
 }
 
+.top10 {
+    margin-top: 10%;
+}
+
 .initializr-header {
     color: #f1f1f1;
     background-color: #34302d;
@@ -24,4 +28,10 @@ body, h1, h2, h3 {
     line-height: 30px;
     margin-bottom: 20px;
     text-transform: uppercase;
+}
+
+kbd.curl {
+    color: #333;
+    background-color: #ddd;
+    font-weight: 700;
 }
\ No newline at end of file
diff --git a/initializr/src/main/resources/templates/home.html b/initializr/src/main/resources/templates/home.html
index 45af8a98..432f8573 100644
--- a/initializr/src/main/resources/templates/home.html
+++ b/initializr/src/main/resources/templates/home.html
@@ -114,7 +114,7 @@
             <div class="col-sm-6">
                 <h3>Project dependencies</h3>
                 <% dependencies.each { %>
-                <div class="form-group col-sm-6">
+                <div class="form-group col-xs-6">
                 <h4>${it.name}</h4>
                     <% it.content.each { %>
                     <div class="checkbox">
@@ -134,30 +134,30 @@
                 </button>
             </p>
         </div>
-        <div class="page-header">
+        <div class="page-header top10">
             <h1>Spring CLI <small>Quickly prototype with Spring</small></h1>
         </div>
         <div class="row">
             <div class="col-sm-offset-1 col-sm-5">
                 <h3>Spring CLI Zip</h3>
-                <p>
-                    Download the spring CLI as a zip distribution (unpack and run bin/spring on a command line).
-                </p>
                 <p>
                     <a href="/spring.zip" class="btn btn-lg btn-primary" role="button">
                         <span class="glyphicon glyphicon-download-alt"></span> Download Spring CLI Zip
                     </a>
                 </p>
+                <p>
+                    Download the spring CLI as a zip distribution (unpack and run bin/spring on a command line).
+                </p>
             </div>
             <div class="col-sm-5">
                 <h3>Spring CLI Installer</h3>
-                <p>Installer for the spring CLI command on Un*x-like system (should work on Linux, Mac or Cygwin).</p>
-                <p>You can <kbd>curl http://start.spring.io/install.sh | sh</kbd>, or download the script and run it.</p>
                 <p>
                     <a href="/install.sh" class="btn btn-lg btn-primary" role="button">
                         <span class="glyphicon glyphicon-download-alt"></span> Download Spring Installer
                     </a>
                 </p>
+                <p>Installer for the spring CLI command on Un*x-like system (should work on Linux, Mac or Cygwin).</p>
+                <p>You can <kbd class="curl">curl http://start.spring.io/install.sh | sh</kbd>, or download the script and run it.</p>
             </div>
         </div>
     </form>