(refs #865)Fix styles for repository viewer

src/main/twirl/gitbucket/core/menu.scala.html

@@ -100,7 +100,7 @@
       @repository.repository.description.map { description =>
         <p class="description">@description</p>
       }
-      <div style="border: 1px solid #eee; padding: 4px; margin-bottom: 10px;">
+      <div style="margin-bottom: 10px;" class="box-content">
         <table class="fill-width">
           <tr>
             <td style="width: 33%; text-align: center;">

src/main/twirl/gitbucket/core/repo/files.scala.html

@@ -44,7 +44,7 @@
     </div>
     <table class="table table-file-list">
       <tr>
-        <th colspan="4" style="font-weight: normal;">
+        <th colspan="4" style="font-weight: normal; border: none;">
           <a href="@url(repository)/commit/@latestCommit.id" class="commit-message">@link(latestCommit.summary, repository)</a>
           @if(latestCommit.description.isDefined){
             <a href="javascript:void(0)" onclick="$('#description-@latestCommit.id').toggle();" class="omit">...</a>

src/main/webapp/assets/common/css/gitbucket.css

@@ -632,6 +632,8 @@ table.blobview {
 table.table-file-list {
   margin-bottom: 0px;
   border: 1px solid #ddd;
+  border-radius: 3px;
+  border-collapse: separate;
 }
 
 table.table-file-list th, table.table-file-list td {