Moving to Bootstrap3

src/main/twirl/gitbucket/core/helper/attached.scala.html

@@ -29,7 +29,7 @@ $(function(){
   }
 
   // Adjust clickable area width
-  $('#@textareaId').next('div.clickable').css('width', ($('#@textareaId').width() + 8) + 'px');
+  $('#@textareaId').next('div.clickable').css('width', ($('#@textareaId').width() + 26) + 'px');
 });
 </script>
 }

src/main/twirl/gitbucket/core/helper/dropdown.scala.html

@@ -7,7 +7,7 @@
 <div class="btn-group" @if(style.nonEmpty){style="@style"}>
   <button
       @if(flat){style="border: none; background-color: #eee;"}
-      class="dropdown-toggle @if(!flat){btn} else {flat} @if(mini){btn-mini} else {btn-small}" data-toggle="dropdown">
+      class="dropdown-toggle @if(!flat){btn} else {flat} @if(mini){btn-xs} else {btn-sm}" data-toggle="dropdown">
     @if(value.isEmpty){
       <i class="octicon octicon-gear"></i>
     } else {

src/main/twirl/gitbucket/core/helper/preview.scala.html

@@ -14,15 +14,15 @@
 @import gitbucket.core._
 @import gitbucket.core.view.helpers._
 <div class="tabbable">
-  <ul class="nav nav-tabs" style="height: 37px;">
+  <ul class="nav nav-tabs" style="margin-top: 12px;">
     <li class="active"><a href="#tab@uid" data-toggle="tab">Write</a></li>
     <li><a href="#tab@(uid+1)" data-toggle="tab" id="preview@uid">Preview</a></li>
   </ul>
   <div class="tab-content">
-    <div class="tab-pane active" id="tab@uid">
+    <div class="tab-pane active" style="margin-top: 4px;" id="tab@uid">
       <span id="error-content" class="error"></span>
       @textarea = {
-        <textarea id="content@uid" name="content" placeholder="@placeholder"
+        <textarea id="content@uid" class="form-control" name="content" placeholder="@placeholder"
           @if(tabIndex > -2){ tabindex="@tabIndex"}
           @if(style.nonEmpty){ style="@style"}
           @if(styleClass.nonEmpty){ class="@styleClass" }>@content</textarea>