Improve presentation

Author: takezoe

src/main/twirl/gitbucket/gist/commentform.scala.html

@@ -5,19 +5,19 @@
   <hr/><br/>
   <form method="POST" validate="true" action="@path/gist/@gist.userName/@gist.repositoryName/_comment">
     <div class="issue-avatar-image">@avatar(loginAccount.get.userName, 48)</div>
-    <div class="box issue-comment-box">
+    <div class="issue-comment-box">
       <div class="box-content">
-      @gitbucket.gist.html.commentpreview(
-        gist     = gist,
-        content  = "",
-        style    = "width: 635px; height: 100px; max-height: 150px;",
-        elastic  = true
-      )
+        @gitbucket.gist.html.commentpreview(
+          gist     = gist,
+          content  = "",
+          style    = "width: 635px; height: 100px; max-height: 150px;",
+          elastic  = true
+        )
+        <div style="text-align: right;">
+          <input type="submit" class="btn btn-success" value="Comment"/>
+        </div>
       </div>
     </div>
-    <div class="pull-right">
-      <input type="submit" class="btn btn-success" value="Comment"/>
-    </div>
   </form>
 }
 <script>

src/main/twirl/gitbucket/gist/commentlist.scala.html

@@ -6,7 +6,7 @@
 @import gitbucket.core.view.helpers._
 @comments.map { comment =>
   <div class="issue-avatar-image">@avatar(comment.commentedUserName, 48)</div>
-  <div class="box issue-comment-box" id="[email protected]">
+  <div class="issue-comment-box" id="[email protected]">
     <div class="box-header-small">
       @user(comment.commentedUserName, styleClass="username strong")
       <span class="muted">
@@ -20,7 +20,7 @@
       }
       </span>
     </div>
-    <div class="box-content"class="issue-content" id="[email protected]">
+    <div class="box-content-bottom issue-content" id="[email protected]">
       <div class="markdown-body">@markdown(comment.content, repository, false, true, true, hasWritePermission)</div>
     </div>
   </div>

src/main/twirl/gitbucket/gist/detail.scala.html

@@ -16,27 +16,21 @@
         @gist.description
       </div>
       @files.map { case (fileName, content) =>
-        <table class="table table-bordered blobview">
-          <tr>
-            <th style="font-weight: normal;">
-              @fileName
-              <div class="pull-right">
-                <a href="@path/gist/@gist.userName/@gist.repositoryName/raw/@revision/@fileName" class="btn btn-mini">Raw</a>
-              </div>
-            </th>
-          </tr>
-          <tr>
-            <td>
-              @if(isRenderable(fileName)){
-                <div class="box-content markdown-body" style="border: none; padding-left: 16px; padding-right: 16px;">
-                  @renderMarkup(List(fileName), content, "master", gist.toRepositoryInfo, false, false, true)
-                </div>
-              } else {
-                <pre class="prettyprint linenums blob">@content</pre>
-              }
-            </td>
-          </tr>
-        </table>
+        <div class="box-header">
+          @fileName
+          <div class="pull-right">
+            <a href="@path/gist/@gist.userName/@gist.repositoryName/raw/@revision/@fileName" class="btn btn-mini">Raw</a>
+          </div>
+        </div>
+        @if(isRenderable(fileName)){
+          <div class="box-content-bottom markdown-body" style="padding-left: 16px; padding-right: 16px;">
+            @renderMarkup(List(fileName), content, "master", gist.toRepositoryInfo, false, false, true)
+          </div>
+        } else {
+          <div class="box-content-bottom">
+            <pre class="prettyprint linenums blob">@content</pre>
+          </div>
+        }
       }
       @gitbucket.gist.html.commentlist(gist, comments, editable, gist.toRepositoryInfo)
       @gitbucket.gist.html.commentform(gist)

src/main/twirl/gitbucket/gist/list.scala.html

@@ -59,7 +59,7 @@
               @renderMarkup(List(gistInfo.fileName), gistInfo.source, "master", gist.toRepositoryInfo, false, false, false)
             </div>
           } else {
-            <pre class="list-code prettyprint linenums">@Html(gistInfo.source)</pre>
+            <pre class="list-code box-content prettyprint linenums">@Html(gistInfo.source)</pre>
           }
         </div>
       </div>

src/main/twirl/gitbucket/gist/style.scala.html

@@ -5,7 +5,6 @@
   padding-left: 16px;
   padding-right: 16px;
   margin-bottom: 20px;
-  border-radius: 2px;
   padding-left: 16px;
   padding-right: 16px;
 }
@@ -14,7 +13,6 @@
   padding-left: 25px;
   background-color: transparent;
   border: 1px solid rgba(0, 0, 0, 0.15);
-  border-radius: 2px;
   padding-left: 25px;
 }
 </style>