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 d7fb4a513dea5a80e1251a4b96aedc5289e697da..1a8a59e88b0b381eafb1c657db21781147534167 100644 (file)
--- 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 430591b0c3505b9c81f8228f3942b363d74b1c72..50d7a29445d183b36f13a22975c6d98f30b095cc 100755 (executable)
--- 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);