From 4fbde503b7f8f7668d7692250757f301b6c99096 Mon Sep 17 00:00:00 2001
From: Hugo Dias <hugomrdias@gmail.com>
Date: Fri, 15 Mar 2013 18:28:14 +0000
Subject: [PATCH] fixed the horizontal overflow in the data table

---
 src/Damnit/Resources/pretty-template.php | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/Damnit/Resources/pretty-template.php b/src/Damnit/Resources/pretty-template.php
index c6d01c1..3fca9ac 100644
--- a/src/Damnit/Resources/pretty-template.php
+++ b/src/Damnit/Resources/pretty-template.php
@@ -221,6 +221,7 @@
       border-bottom: 1px dotted rgba(0, 0, 0, .2);
     }
       .data-table {
+        width: 100%;
         margin: 10px 0;
         font: 13px consolas, monospace;
       }
@@ -234,11 +235,10 @@
       }
 
       .data-table td:first-child {
-        width: 18%;
+        width: 20%;
         min-width: 130px;
         overflow: hidden;
         font-weight: bold;
-
         color: #463C54;
         padding-right: 5px;
 
@@ -246,9 +246,12 @@
 
       .data-table td:last-child {
         width: 80%;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-        display: inline-block;
+        -ms-word-break: break-all;
+        word-break: break-all;
+        word-break: break-word;
+        -webkit-hyphens: auto;
+        -moz-hyphens: auto;
+        hyphens: auto;
       }
 
     .handler {