From: Anthony Fok <foka@debian.org>
Date: Fri, 2 Oct 2015 09:27:38 +0000 (-0600)
Subject: Fix strange carousel width on http://gohugo.io/
X-Git-Tag: v0.15~141
X-Git-Url: http://git.maquefel.me/?a=commitdiff_plain;h=08d41c3a;p=brevno-suite%2Fhugo

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
---

diff --git a/docs/layouts/index.html b/docs/layouts/index.html
index d7fb4a51..1a8a59e8 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 430591b0..50d7a294 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);