Article detail page code highlighting

public/default/css/index.css

@@ -50,19 +50,28 @@
     list-style: none;
 }
 
+.article-list li {
+    padding-bottom: 10px;
+}
+
 .m-t-25 {
     margin-top:25px;
 }
 
 
 .article-list .desc {
-    margin-top:25px;
+    margin-top:15px;
     word-break:break-all;
-    color:#34495e;
+    color:#616161;
 }
 
 .article-list .info {
-    margin-top:25px;
+    margin-top:15px;
+    color:#616161;
+}
+
+.article-list .info span {
+    padding-right: 5px;
 }
 .icon-github {
     background: url('/default/icons/github.png') no-repeat;
@@ -99,4 +108,8 @@ a {
 
 .markdown-preview img{
     max-width: 100%;
+}
+
+pre {
+    padding:0;
 }

resources/views/default/article.blade.php

@@ -28,7 +28,6 @@
                     </span>
                 </p>
             </li>
-            <hr/>
         @endforeach
     </ol>
     {!! $articles->links() !!}

resources/views/default/navigation.blade.php

@@ -9,7 +9,7 @@
         @endif
     </ul>
     <form class="navbar-form navbar-right" action="{{ route('search') }}" method="get">
-        <div class="input-group">
+        <div class="input-group input-group-sm">
             <input type="search" class="search-field form-control" value="" name="keyword" placeholder="Search">
             <span class="input-group-btn">
                 <button type="submit" class="btn btn-default">

resources/views/layouts/app.blade.php

@@ -21,6 +21,7 @@
 
     <link rel="stylesheet" href="{{ asset('default/css/index.css') }}">
 
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">
 
 </head>
 
@@ -77,6 +78,12 @@
 
 <script src="{{ asset('default/js/index.js') }}"></script>
 
+<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
+
+<script>
+  hljs.initHighlightingOnLoad();
+</script>
+
 @yield('script')
 </body>
 </html>