rtfpessoa
diff --git a/‎docs/index.html‎
Lines changed: 2 additions & 2 deletions b/‎docs/index.html‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎docs/main.css‎
Lines changed: 13 additions & 5 deletions b/‎docs/main.css‎
Lines changed: 13 additions & 5 deletions
diff --git a/‎docs/main.min.css‎
Lines changed: 1 addition & 1 deletion b/‎docs/main.min.css‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎docs/url.html‎
Lines changed: 2 additions & 2 deletions b/‎docs/url.html‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎docs/url.js‎
Lines changed: 2 additions & 2 deletions b/‎docs/url.js‎
Lines changed: 2 additions & 2 deletions
@@ -44,8 +44,8 @@
 
     </script>
 </head>
-<body class="swag-line template-index">
-<div>
+<body class="template-index ">
+<div class="swag-line">
 
     <div class="container">
         <nav class="navbar navbar-default navbar-tall navbar-full" role="navigation">
 
@@ -3,6 +3,14 @@
  * Adapted by @rtfpessoa
  */
 
+.template-index {
+  width: 100%;
+}
+
+.template-index-min {
+  min-width: 700px;
+}
+
 .m-b-md {
   margin-bottom: 23px !important
 }
@@ -87,13 +95,13 @@
 
 @media (min-width: 768px) {
   .footer {
-    padding: 60px 0
+    padding: 60px 0;
   }
 }
 
 @media (min-width: 768px) {
   .container {
-    width: 710px
+    width: 100%;
   }
 
   .row-centered {
@@ -108,13 +116,13 @@
 
 @media (min-width: 992px) {
   .container {
-    width: 890px
+    width: 100%;
   }
 }
 
 @media (min-width: 1200px) {
   .container {
-    width: 1050px
+    width: 100%;
   }
 }
 
@@ -168,7 +176,7 @@
 
 .swag-line:before {
   content: '';
-  position: absolute;
+  position: fixed;
   display: block;
   top: 0;
   left: 0;
 
@@ -51,8 +51,8 @@
 
     </script>
 </head>
-<body class="swag-line template-index">
-<div>
+<body class="template-index template-index-min">
+<div class="swag-line">
 
     <div class="container">
         <nav class="navbar navbar-default navbar-tall navbar-full" role="navigation">
 
@@ -554,9 +554,9 @@ $(document).ready(function() {
         var diff2htmlUi = new Diff2HtmlUI({diff: data});
 
         if (outputFormat === 'side-by-side') {
-          $container.css({'min-width': '1280px'});
+          $container.css({'width': '100%'});
         } else {
-          $container.css({'width': '980px'});
+          $container.css({'width': ''});
         }
 
         diff2htmlUi.draw(container, {