From 75ee11b1c9ed5b7f95f62be21506e52cc1708c0b Mon Sep 17 00:00:00 2001
From: Sean Li <mail@shang.li>
Date: Tue, 14 Jul 2015 11:44:32 -0700
Subject: [PATCH] Deleted Swarm and centered included items.

---
 site/layouts/index.html      | 7 -------
 site/static/css/main.css     | 9 ++++++---
 site/static/less/layout.less | 7 ++++---
 3 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/site/layouts/index.html b/site/layouts/index.html
index d573b253d3..f8d3a0f727 100755
--- a/site/layouts/index.html
+++ b/site/layouts/index.html
@@ -51,13 +51,6 @@
           <p>Define multi-container applications. (Mac OS X only)</p>
         </div>
       </div>
-      <div class="item">
-        <div class="info">
-          <img src="{{.Site.BaseURL}}/images/swarm.png">
-          <h3>Docker Swarm</h3>
-          <p>Host clustering and container scheduling.</p>
-        </div>
-      </div>
       <div class="item">
         <div class="info">
           <img src="{{.Site.BaseURL}}/images/kitematic.png">
diff --git a/site/static/css/main.css b/site/static/css/main.css
index 7a17ac75f3..018eed2698 100755
--- a/site/static/css/main.css
+++ b/site/static/css/main.css
@@ -290,12 +290,15 @@ table {
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
 }
+.content .items .item {
+  text-align: center;
+}
 .content .items .item img {
   width: 100px;
   height: auto;
 }
 .content .items .item .info {
-  padding-right: 1rem;
+  padding-right: 1.5rem;
 }
 .content .documentation {
   padding: 2rem 0;
@@ -348,8 +351,8 @@ table {
 }
 @media screen and (min-width: 500px) {
   .items .item {
-    max-width: 20%;
-    min-width: 140px;
+    max-width: 25%;
+    min-width: 160px;
   }
 }
 .footer {
diff --git a/site/static/less/layout.less b/site/static/less/layout.less
index 5cdbdf7495..65acfca9be 100755
--- a/site/static/less/layout.less
+++ b/site/static/less/layout.less
@@ -142,12 +142,13 @@
     .flex-display();
     .flex-flow(row wrap);
     .item {
+      text-align: center;
       img {
         width: 100px;
         height: auto;
       }
       .info {
-        padding-right: 1rem;
+        padding-right: 1.5rem;
       }
     }
   }
@@ -212,8 +213,8 @@
 @media screen and (min-width: 500px) {
   .items {
     .item {
-      max-width: 20%;
-      min-width: 140px;
+      max-width: 25%;
+      min-width: 160px;
     }
   }
 }