From ecfaa0247a4e8d603b938bd137ce3c1c355c9dd9 Mon Sep 17 00:00:00 2001
From: takezoe <takezoe@gmail.com>
Date: Tue, 29 Apr 2014 16:42:40 +0900
Subject: [PATCH] (refs #12)Fix styles

---
 src/main/twirl/helper/attached.scala.html     |  9 ++++++---
 .../webapp/assets/common/css/gitbucket.css    | 20 +++++++++++++++++++
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/main/twirl/helper/attached.scala.html b/src/main/twirl/helper/attached.scala.html
index 809d06048..a7a36f24c 100644
--- a/src/main/twirl/helper/attached.scala.html
+++ b/src/main/twirl/helper/attached.scala.html
@@ -1,13 +1,13 @@
 @(owner: String, repository: String)(textarea: Html)(implicit context: app.Context)
 @import context._
-<div class="muted">
+<div class="muted attachable">
   @textarea
-  Attach images by dragging &amp; dropping, or selecting them.
+  <div>Attach images by dragging &amp; dropping, or selecting them.</div>
 </div>
 @defining("(id=\")([\\w\\-]*)(\")".r.findFirstMatchIn(textarea.body).map(_.group(2))){ textareaId =>
 <script>
 $(function(){
-  $('#@textareaId').closest('div').dropzone({
+  $('#@textareaId').next('div').dropzone({
     url: '@path/upload/image/@owner/@repository',
     maxFilesize: 10,
     acceptedFiles: 'image/*',
@@ -19,6 +19,9 @@ $(function(){
       $(file.previewElement).prevAll('div.dz-preview').addBack().remove();
     }
   });
+
+  // Adjust attachment area width
+  $('div.attachable div').css('width', ($('div.attachable textarea').width() + 8) + 'px');
 });
 </script>
 }
diff --git a/src/main/webapp/assets/common/css/gitbucket.css b/src/main/webapp/assets/common/css/gitbucket.css
index 272eae158..eef2d0470 100644
--- a/src/main/webapp/assets/common/css/gitbucket.css
+++ b/src/main/webapp/assets/common/css/gitbucket.css
@@ -671,6 +671,26 @@ div.issue-comment-action {
           border-radius: 5px;
 }
 
+div.attachable {
+  margin-bottom: 10px;
+}
+
+div.attachable textarea {
+  margin-bottom: 0px;
+  border-bottom: 1px dashed #ccc;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+}
+
+div.attachable div {
+  padding: 2px;
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  background-color: white;
+}
+
 /****************************************************************************/
 /* Pull Request */
 /****************************************************************************/