From 114429c6f8a0298df92eb97af96b19c86b57ee17 Mon Sep 17 00:00:00 2001
From: John Mulhausen <john@docker.com>
Date: Thu, 9 Feb 2017 12:17:44 -0800
Subject: [PATCH] Tabs CSS fixes and 12-factor reposition

---
 css/documentation.css | 23 +++++++++++++++++++++--
 samples.md            | 12 ++++++------
 2 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/css/documentation.css b/css/documentation.css
index 641d51b871..2cf580c613 100644
--- a/css/documentation.css
+++ b/css/documentation.css
@@ -9,12 +9,13 @@
 
 .tabs {
     border-bottom: 0;
-    padding: 10px 0px 0px 0px;
+    padding: 0px;
 }
 
 .tabs>li {
     float: left;
     list-style: none;
+    padding: 10px 0px 0px 0px;
 }
 
 .tabs>li>a {
@@ -27,7 +28,7 @@
     opacity: .8;
 }
 
-.tabs>li.active>a, .tabs>li>a:hover {
+.tabs>li.active>a {
     color: #fff;
     border-bottom: 4px solid #fff;
     opacity: 1;
@@ -37,6 +38,24 @@
     transition: all 0.2s ease;
     font-weight: 500;
 }
+.tabs>li>a:hover {
+  border-bottom: 4px solid #fff;
+  opacity: 1;
+  -webkit-transition: all 0.2s ease;
+  -moz-transition: all 0.2s ease;
+  -o-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+}
+
+.tabs>li:hover {
+    color: #fff;
+    background-color: gray;
+    opacity: 1;
+    -webkit-transition: all 0.2s ease;
+    -moz-transition: all 0.2s ease;
+    -o-transition: all 0.2s ease;
+    transition: all 0.2s ease;
+}
 
 
 .logo {
diff --git a/samples.md b/samples.md
index 2e26c42e1c..962cb42cac 100644
--- a/samples.md
+++ b/samples.md
@@ -11,16 +11,15 @@ The following samples were developed by Docker and the Docker community.
 
 ## Tutorial labs
 
-Tutorial labs demonstrate how to develop and ship containerized applications, by
-walking through a sample that exhibits canonical practices. These labs are
-from the [Docker Labs repository]({{ labsbase }}).
+Learn how to develop and ship containerized applications, by walking through a
+sample that exhibits canonical practices. These labs are from the [Docker Labs
+repository]({{ labsbase }}).
 
 | Sample | Description |
 | ------ | ----------- |
 | [Docker for Beginners]({{ labsbase }}/beginner/){: target="_blank"} | A good "Docker 101" course. |
-| [Building a 12-factor application with Docker]({{ labsbase}}/12factor){: target="_blank"} | Use Docker to create an app that conforms to Heroku's "12 factors for cloud-native applications." |
 | [Docker Swarm mode]({{ labsbase}}/swarm-mode){: target="_blank"} | Use Docker for natively managing a cluster of Docker Engines called a swarm. |
-| [Service deployment in the cloud]({{ labsbase}}/swarm-mode/cloud-quick-start){: target="_blank"} | This script creates a swarm cluster and deploy a simple service on a cloud provider. |
+| [Service deployment in the cloud]({{ labsbase}}/swarm-mode/cloud-quick-start){: target="_blank"} | This script creates a swarm cluster and deploys a simple service on a cloud provider. |
 | [Configuring developer tools and programming languages]({{ labsbase }}/developer-tools/README.md){: target="_blank"} | How to set-up and use common developer tools and programming languages with Docker. |
 | [Live Debugging Java with Docker]({{ labsbase }}/developer-tools/java-debugging){: target="_blank"} | Java developers can use Docker to build a development environment where they can run, test, and live debug code running within a container. |
 | [Docker for Java Developers]({{ labsbase }}/developer-tools/java/){: target="_blank"} | Offers Java developers an intro-level and self-paced hands-on workshop with Docker. |
@@ -28,10 +27,11 @@ from the [Docker Labs repository]({{ labsbase }}).
 | [Dockerizing a Node.js application]({{ labsbase }}/developer-tools/nodejs/porting/){: target="_blank"} | This tutorial starts with a simple Node.js application and details the steps needed to Dockerize it and ensure its scalability. |
 | [Docker for ASP.NET and Windows containers]({{ labsbase }}/windows/readme.md){: target="_blank"} | Docker supports Windows containers, too! Learn how to run ASP.NET, SQL Server, and more in these tutorials. |
 | [Docker Security]({{ labsbase }}/security/README.md){: target="_blank"} | How to take advantage of a Docker security features. |
+| [Building a 12-factor application with Docker]({{ labsbase}}/12factor){: target="_blank"} | Use Docker to create an app that conforms to Heroku's "12 factors for cloud-native applications." |
 
 ## Sample applications
 
-Sample applications demonstrate how to run popular software using Docker.
+Run popular software using Docker.
 
 | Sample | Description |
 | ------ | ----------- |