From 08d41c3a48548597a33f460f209974b64591c6fa Mon Sep 17 00:00:00 2001
From: Anthony Fok <foka@debian.org>
Date: Fri, 2 Oct 2015 03:27:38 -0600
Subject: [PATCH] Fix strange carousel width on http://gohugo.io/

The solution is to add `table-layout:fixed` when `display:table` is used
as per the answer given at:

    http://stackoverflow.com/questions/21230184/owl-carousel-inside-a-table-cell-parent-makes-parent-to-expand-weird

Fixes #1465
---
 docs/layouts/index.html      | 6 +++---
 docs/static/css/HPstyles.css | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/layouts/index.html b/docs/layouts/index.html
index d7fb4a513..1a8a59e88 100644
--- a/docs/layouts/index.html
+++ b/docs/layouts/index.html
@@ -20,8 +20,8 @@
     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <style type="text/css">
-      .owl-carousel a {
-        white-space: nowrap;
+      .callout {
+        table-layout: fixed;
       }
     </style>
   </head>
@@ -89,7 +89,7 @@
             <div class="row">
               <div class="col-md-6 col-md-offset-3 text-center">
                   <i class="lead-icon icon-rocket"></i>
-                <h2>Fast & Powerful</h2>
+                <h2>Fast &amp; Powerful</h2>
                 <p class="lead">
 
                 Hugo is written for speed and performance. Great care has been
diff --git a/docs/static/css/HPstyles.css b/docs/static/css/HPstyles.css
index 430591b0c..50d7a2944 100755
--- a/docs/static/css/HPstyles.css
+++ b/docs/static/css/HPstyles.css
@@ -167,6 +167,7 @@ a:hover {
 .callout {
     color: #ffffff;
     display: table;
+    table-layout: fixed;
     height: 420px;
     width: 100%;
     background-color: rgb(118,156,172);