From c9c9727e7e66109831f8c412937bcc2f24d2fe46 Mon Sep 17 00:00:00 2001
From: Radek Stepan <dev@radekstepan.com>
Date: Mon, 27 Oct 2014 22:01:46 -0600
Subject: [PATCH] make title overflow

---
 src/styles/app.styl                | 18 +++++++++++++-----
 src/templates/pages/milestone.html | 10 +++-------
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/styles/app.styl b/src/styles/app.styl
index 3c84cee..73f50cc 100644
--- a/src/styles/app.styl
+++ b/src/styles/app.styl
@@ -166,22 +166,30 @@ ul
 
 #title
   border-bottom: 3px solid #F3F4F8
+  white-space: nowrap
+  line-height: 52px // outer height of tallest element
+  margin-top: 20px
 
   .title
-    white-space: nowrap
+    float: left
     border-bottom: 3px solid #AAAFBF
-    margin: 30px 0 -3px 0
-    padding-bottom: 20px
+    margin-bottom: -3px
 
   .sub
-    white-space: nowrap
+    float: left
     font-size: 16px
     font-weight: bold
-    margin: 0 20px
+    padding: 0 20px
 
   .description
+    overflow: hidden
     font-family: $serif_font
     color: #B1B6C4
+  
+  &:after
+    display: block
+    clear: both
+    content: ""
 
 #page
   padding-bottom: 80px // height of the footer
diff --git a/src/templates/pages/milestone.html b/src/templates/pages/milestone.html
index b622ff5..e61ae5c 100644
--- a/src/templates/pages/milestone.html
+++ b/src/templates/pages/milestone.html
@@ -2,13 +2,9 @@
   <div intro="fade">
     <div id="title">
       <div class="wrap">
-        <table>
-          <tr>
-            <td><h2 class="title">{{ format.title(milestone.title) }}</h2></td>
-            <td><span class="sub">{{{ format.due(milestone.due_on) }}}</span></td>
-            <td><div class="description">{{{ format.markdown(milestone.description) }}}</div></td>
-          </tr>
-        </table>
+        <h2 class="title">{{ format.title(milestone.title) }}</h2>
+        <span class="sub">{{{ format.due(milestone.due_on) }}}</span>
+        <div class="description">{{{ format.markdown(milestone.description) }}}</div>
       </div>
     </div>