diff --git a/src/Rap2hpoutre/LaravelLogViewer/LaravelLogViewer.php b/src/Rap2hpoutre/LaravelLogViewer/LaravelLogViewer.php
index 93e6f50..43d7b30 100644
--- a/src/Rap2hpoutre/LaravelLogViewer/LaravelLogViewer.php
+++ b/src/Rap2hpoutre/LaravelLogViewer/LaravelLogViewer.php
@@ -29,6 +29,25 @@ public static function all()
             unset($trash);
         }
 
+        $levels_classes = [
+            'debug' => 'info',
+            'info' => 'info',
+            'notice' => 'info',
+            'warning' => 'warning',
+            'error' => 'danger',
+            'critical' => 'danger',
+            'alert' => 'danger',
+        ];
+        $levels_imgs = [
+            'debug' => 'info',
+            'info' => 'info',
+            'notice' => 'info',
+            'warning' => 'warning',
+            'error' => 'warning',
+            'critical' => 'warning',
+            'alert' => 'warning',
+        ];
+
         foreach ($headings as $h) {
             for ($i=0, $j = count($h); $i < $j; $i++) {
                 foreach ($log_levels as $ll) {
@@ -38,8 +57,11 @@ public static function all()
 
                         preg_match('/^\[(\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2})\].*?\.' . $level . ': (.*?)( in .*?:[0-9]+)?$/', $h[$i], $current);
 
+
                         $log[] = array(
                             'level' => $ll,
+                            'level_class' => $levels_classes[$ll],
+                            'level_img' => $levels_imgs[$ll],
                             'date' => $current[1],
                             'text' => $current[2],
                             'in_file' => isset($current[3]) ? $current[3] : null,
diff --git a/src/views/log.blade.php b/src/views/log.blade.php
index f203224..db3d040 100644
--- a/src/views/log.blade.php
+++ b/src/views/log.blade.php
@@ -8,6 +8,9 @@
 
     <!-- Bootstrap -->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
+    <link rel="stylesheet" href="//cdn.datatables.net/plug-ins/9dcbecd42ad/integration/bootstrap/3/dataTables.bootstrap.css">
+
+
 
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@@ -15,46 +18,60 @@
       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
+    <style>
+      body {
+        padding: 25px;
+      }
+      h1 {
+        font-size: 1.5em;
+        margin-top: 0px;
+      }
+    </style>
   </head>
   <body>
-    <div class="container-fluid">
+    <div class="container-fluid"">
       <div class="row">
         <div class="col-sm-3 col-md-2 sidebar">
-          <p>Todo</p>
+          <h1><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> Laravel Log Viewer</h1>
+          <p class="text-muted"><i>by Rap2h</i></p>
         </div>
-        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
-          <div class="table-responsive">
-            <div class="table-responsive">
-              <table class="table table-striped">
-                <thead>
-                  <tr>
-                    <th>Level</th>
-                    <th>Date</th>
-                    <th>Content</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  @foreach($logs as $log)
-                    <tr>
-                      <td>{{{$log['level']}}}</td>
-                      <td>{{{$log['date']}}}</td>
-                      <td>
-                        {{{$log['text']}}}
-                        @if (isset($log['in_file']))
-                          <br />{{{$log['in_file']}}}
-                        @endif
-                      </td>
-                    </tr>
-                  @endforeach
-                </tbody>
-              </table>
-            </div>
-          </div>
+        <div class="col-sm-9 col-md-10">
+          <table class="table table-striped">
+            <thead>
+              <tr>
+                <th>Level</th>
+                <th>Date</th>
+                <th>Content</th>
+              </tr>
+            </thead>
+            <tbody>
+              @foreach($logs as $log)
+                <tr>
+                  <td class="text-{{{$log['level_class']}}}"><span class="glyphicon glyphicon-{{{$log['level_img']}}}-sign" aria-hidden="true"></span> &nbsp;{{$log['level']}}</td>
+                  <td>{{{$log['date']}}}</td>
+                  <td>
+                    {{{$log['text']}}}
+                    @if (isset($log['in_file']))
+                      <br />{{{$log['in_file']}}}
+                    @endif
+                  </td>
+                </tr>
+              @endforeach
+            </tbody>
+          </table>
         </div>
       </div>
     </div>
-
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+    <script src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
+    <script src="//cdn.datatables.net/plug-ins/9dcbecd42ad/integration/bootstrap/3/dataTables.bootstrap.js"></script>
+    <script>
+      $(document).ready(function(){
+        $('table').DataTable({
+          "order": [ 1, 'desc' ]
+        });
+      });
+    </script>
   </body>
 </html>
\ No newline at end of file
