* finish task #2742.

module/bug/css/create.css

@@ -37,3 +37,7 @@
 .colorpicker.input-group-btn > .btn {border-right: none}
 
 #branch {border-left-width: 0px;}
+
+#bugTypeInputGroup {max-height: 30px; overflow: hidden}
+#bugTypeInputGroup .form-control, #bugTypeInputGroup .input-group-addon {float: left; width: auto;}
+#bugTypeInputGroup .input-group-addon {padding: 5px 10px; line-height: 18px;}

module/bug/js/create.js

@@ -103,11 +103,29 @@ $(function()
 
     $('[data-toggle=tooltip]').tooltip();
 
-    // ajust style for file box
+    // adjust size of bug type input group
+    var adjustBugTypeGroup = function()
+    {
+        var $group = $('#bugTypeInputGroup');
+        var width = $group.width(), addonWidth = 0;
+        var $controls = $group.children('.form-control');
+        $group.children('.input-group-addon').each(function()
+        {
+            addonWidth += $(this).outerWidth();
+        });
+        $controls.css('width', Math.floor((width - addonWidth)/$controls.length));
+    };
+    adjustBugTypeGroup();
+
+    // adjust style for file box
     var ajustFilebox = function()
     {
         applyCssStyle('.fileBox > tbody > tr > td:first-child {transition: none; width: ' + ($('#contactListGroup').width() - 2) + 'px}', 'filebox')
     };
     ajustFilebox();
-    $(window).resize(ajustFilebox);
+    $(window).resize(function()
+    {
+        ajustFilebox();
+        adjustBugTypeGroup();
+    });
 });

module/bug/view/create.html.php

@@ -1,4 +1,4 @@
-<?php
+ <?php
 /**
  * The create view of bug module of ZenTaoPMS.
  *
@@ -89,7 +89,7 @@ js::set('refresh', $lang->refresh);
       <tr>
         <th><?php echo $lang->bug->type;?></th>
         <td>
-          <div class='input-group'>
+          <div class='clearfix' id='bugTypeInputGroup'>
             <?php
             /* Remove the unused types. */
             unset($lang->bug->typeList['designchange']);