diff --git a/module/todo/css/create.css b/module/todo/css/create.css
new file mode 100644
index 0000000000..71c2d8c97b
--- /dev/null
+++ b/module/todo/css/create.css
@@ -0,0 +1 @@
+#begin_chosen{width:50% !important;}
diff --git a/module/todo/css/edit.css b/module/todo/css/edit.css
new file mode 100644
index 0000000000..71c2d8c97b
--- /dev/null
+++ b/module/todo/css/edit.css
@@ -0,0 +1 @@
+#begin_chosen{width:50% !important;}
diff --git a/module/todo/js/batchcreate.js b/module/todo/js/batchcreate.js
index a0e22a5f00..31feb94146 100644
--- a/module/todo/js/batchcreate.js
+++ b/module/todo/js/batchcreate.js
@@ -17,12 +17,12 @@ function switchDateList(number)
 {
     if($('#switchDate' + number).attr('checked') == 'checked')
     {
-        $('#begins' + number).attr('disabled', 'disabled');
-        $('#ends' + number).attr('disabled', 'disabled');
+        $('#begins' + number).attr('disabled', 'disabled').trigger('chosen:updated');
+        $('#ends' + number).attr('disabled', 'disabled').trigger('chosen:updated');
     }
     else
     {
-        $('#begins' + number).removeAttr('disabled');
-        $('#ends' + number).removeAttr('disabled');
+        $('#begins' + number).removeAttr('disabled').trigger('chosen:updated');
+        $('#ends' + number).removeAttr('disabled').trigger('chosen:updated');
     }
 }
diff --git a/module/todo/js/common.js b/module/todo/js/common.js
index 956e2254ff..a9c90ecc98 100644
--- a/module/todo/js/common.js
+++ b/module/todo/js/common.js
@@ -62,6 +62,7 @@ function loadList(type, id)
 function selectNext()
 {
     $("#end ")[0].selectedIndex = $("#begin ")[0].selectedIndex + 3;
+    $('#end').trigger('chosen:updated');
 }
 
 function setBeginsAndEnds(i, beginOrEnd)
@@ -72,6 +73,7 @@ function setBeginsAndEnds(i, beginOrEnd)
         {
             if(j != 0) $("#begins" + j)[0].selectedIndex = $("#ends" + (j - 1))[0].selectedIndex;
             $("#ends" + j)[0].selectedIndex = $("#begins" + j)[0].selectedIndex + 3;
+            $("#ends" + j).trigger('chosen:updated');
         }
     }
     else
@@ -79,11 +81,14 @@ function setBeginsAndEnds(i, beginOrEnd)
         if(beginOrEnd == 'begin')
         {
             $("#ends" + i)[0].selectedIndex = $("#begins" + i)[0].selectedIndex + 3;
+            $("#ends" + j).trigger('chosen:updated');
         }
         for(j = i+1; j < batchCreateNum; j++)
         {
             $("#begins" + j)[0].selectedIndex = $("#ends" + (j - 1))[0].selectedIndex;
             $("#ends" + j)[0].selectedIndex = $("#begins" + j)[0].selectedIndex + 3;
+            $("#begins" + j).trigger('chosen:updated');
+            $("#ends" + j).trigger('chosen:updated');
         }
     }
 }
@@ -92,12 +97,12 @@ function switchDateFeature(switcher)
 {
     if(switcher.checked) 
     {
-        $('#begin').attr('disabled','disabled');
-        $('#end').attr('disabled','disabled');
+        $('#begin').attr('disabled','disabled').trigger('chosen:updated');
+        $('#end').attr('disabled','disabled').trigger('chosen:updated');
     }
     else
     {
-        $('#begin').removeAttr('disabled');
-        $('#end').removeAttr('disabled');
+        $('#begin').removeAttr('disabled').trigger('chosen:updated');
+        $('#end').removeAttr('disabled').trigger('chosen:updated');
     }
 }
diff --git a/module/todo/js/create.js b/module/todo/js/create.js
index 5022d01b81..91a2c08398 100644
--- a/module/todo/js/create.js
+++ b/module/todo/js/create.js
@@ -5,6 +5,7 @@ $(function()
     {
         var selectTime = $(this).val() != today ? start : nowTime;
         $('#begin').val(selectTime);
+        $('#begin').trigger("chosen:updated");
         selectNext();
     })
 
diff --git a/module/todo/view/batchcreate.html.php b/module/todo/view/batchcreate.html.php
index f7eaa180e4..12f4634d41 100755
--- a/module/todo/view/batchcreate.html.php
+++ b/module/todo/view/batchcreate.html.php
@@ -40,7 +40,7 @@
       <tr>
         <th class='w-30px'><?php echo $lang->idAB;?></th> 
         <th class='w-120px<?php echo zget($visibleFields, 'type', ' hidden')?>'><?php echo $lang->todo->type;?></th>
-        <th class='w-80px<?php echo zget($visibleFields, 'pri', ' hidden')?>'><?php echo $lang->todo->pri;?></th>
+        <th class='w-90px<?php echo zget($visibleFields, 'pri', ' hidden')?>'><?php echo $lang->todo->pri;?></th>
         <th><?php echo $lang->todo->name;?><span class='required'></span></th>
         <th <?php echo zget($visibleFields, 'desc', "class='hidden'")?>><?php echo $lang->todo->desc;?></th>
         <th class='w-230px<?php echo zget($visibleFields, 'beginAndEnd', ' hidden')?>'><?php echo $lang->todo->beginAndEnd;?></th>
@@ -49,20 +49,20 @@
     <?php $pri = 3;?>
     <?php $time = $date != date('Y-m-d') ? key($times) : $time;?>
     <?php for($i = 0; $i < $config->todo->batchCreate; $i++):?>
-    <tr class='text-center'>
+    <tr class='text-left'>
       <td><?php echo $i+1;?></td>
-      <td <?php echo zget($visibleFields, 'type', "class='hidden'")?>><?php echo html::select("types[$i]", $lang->todo->typeList, '', "onchange='loadList(this.value, " . ($i + 1) . ")' class='form-control'");?></td>
-      <td <?php echo zget($visibleFields, 'pri', "class='hidden'")?>><?php echo html::select("pris[$i]", $lang->todo->priList, $pri, 'class=form-control');?></td>
+      <td <?php echo zget($visibleFields, 'type', "class='hidden'")?> style='overflow:visible'><?php echo html::select("types[$i]", $lang->todo->typeList, '', "onchange='loadList(this.value, " . ($i + 1) . ")' class='form-control chosen'");?></td>
+      <td <?php echo zget($visibleFields, 'pri', "class='hidden'")?> style='overflow:visible'><?php echo html::select("pris[$i]", $lang->todo->priList, $pri, "class='form-control chosen'");?></td>
       <td class='text-left' style='overflow:visible'>
         <div id='<?php echo "nameBox" . ($i+1);?>' class='hidden'><?php echo html::input("names[$i]", '', 'class="text-left form-control" autocomplete="off"');?></div>
         <div class='<?php echo "nameBox" . ($i+1);?>'><?php echo html::input("names[$i]", '', 'class="text-left form-control" autocomplete="off"');?></div>
       </td>
       <td <?php echo zget($visibleFields, 'desc', "class='hidden'")?>><?php echo html::textarea("descs[$i]", '', "rows='1' class='form-control'");?></td>
-      <td <?php echo zget($visibleFields, 'beginAndEnd', "class='hidden'")?>>
+      <td <?php echo zget($visibleFields, 'beginAndEnd', "class='hidden'")?> style='overflow:visible'>
         <div class='input-group'>
           <?php
-          echo html::select("begins[$i]", $times, $time, "onchange=\"setBeginsAndEnds($i, 'begin');\" class='form-control' style='width: 50%'" . (isset($visibleFields['beginAndEnd']) ? '' : " disabled"));
-          echo html::select("ends[$i]", $times, '', "onchange=\"setBeginsAndEnds($i, 'end');\" class='form-control' style='width: 50%'" . (isset($visibleFields['beginAndEnd']) ? '' : " disabled"));
+          echo html::select("begins[$i]", $times, $time, "onchange=\"setBeginsAndEnds($i, 'begin');\" class='form-control chosen' style='width: 50%'" . (isset($visibleFields['beginAndEnd']) ? '' : " disabled"));
+          echo html::select("ends[$i]", $times, '', "onchange=\"setBeginsAndEnds($i, 'end');\" class='form-control chosen' style='width: 50%'" . (isset($visibleFields['beginAndEnd']) ? '' : " disabled"));
           ?>
           <span class='input-group-addon'><input type='checkbox' name="switchDate[<?php echo $i?>]" id="switchDate<?php echo $i?>" onclick='switchDateList(<?php echo $i?>);'><?php echo $lang->todo->periods['future'];?></span>
         </div>
diff --git a/module/todo/view/batchedit.html.php b/module/todo/view/batchedit.html.php
index 4c110d1d25..a90d738a6b 100644
--- a/module/todo/view/batchedit.html.php
+++ b/module/todo/view/batchedit.html.php
@@ -38,7 +38,7 @@ $columns = count($visibleFields) + 3;
       <tr>
         <th class='w-40px'>   <?php echo $lang->idAB;?></th> 
         <th class='w-100px'>  <?php echo $lang->todo->date;?></th>
-        <th class='w-120px'>  <?php echo $lang->todo->type;?></th>
+        <th class='w-80px'>  <?php echo $lang->todo->type;?></th>
         <th class='w-100px<?php echo zget($visibleFields, 'pri', ' hidden')?>'>   <?php echo $lang->todo->pri;?></th>
         <th class='red'><?php echo $lang->todo->name;?></th>
         <th <?php echo zget($visibleFields, 'desc', "class='hidden'")?>><?php echo $lang->todo->desc;?></th>
@@ -48,10 +48,10 @@ $columns = count($visibleFields) + 3;
     </thead>
     <tbody>
     <?php foreach($editedTodos as $todo):?>
-    <tr class='text-center'>
+    <tr class='text-left'>
       <td><?php echo $todo->id . html::hidden("todoIDList[$todo->id]", $todo->id);?></td>
       <td><?php echo html::input("dates[$todo->id]", $todo->date, "class='form-control form-date'");?></td>
-      <td><?php echo zget($lang->todo->typeList, $todo->type);?></td>
+      <td class='text-center'><?php echo zget($lang->todo->typeList, $todo->type);?></td>
       <td style='overflow:visible' <?php echo zget($visibleFields, 'pri', "class='hidden'")?>><?php echo html::select("pris[$todo->id]", $lang->todo->priList, $todo->pri, "class='form-control chosen'");?></td>
       <td style='overflow:visible'>
         <div id='<?php echo "nameBox" . $todo->id;?>' class='hidden'><? echo html::input("names[$todo->id]", '', "class='text-left form-control hiddenwin' autocomplete='off'"); ?></div>
diff --git a/module/todo/view/create.html.php b/module/todo/view/create.html.php
index d1b1990e24..275b239f0c 100644
--- a/module/todo/view/create.html.php
+++ b/module/todo/view/create.html.php
@@ -82,7 +82,7 @@
       </tr>  
       <tr>
         <th><?php echo $lang->todo->pri;?></th>
-        <td><?php echo html::select('pri', $lang->todo->priList, '', "class='form-control'");?></td>
+        <td><?php echo html::select('pri', $lang->todo->priList, '', "class='form-control chosen'");?></td>
       </tr>  
       <tr>
         <th><?php echo $lang->todo->name;?></th>
@@ -97,13 +97,13 @@
       </tr>  
       <tr>
         <th><?php echo $lang->todo->status;?></th>
-        <td><?php echo html::select('status', $lang->todo->statusList, '', "class='form-control'");?></td>
+        <td><?php echo html::select('status', $lang->todo->statusList, '', "class='form-control chosen'");?></td>
       </tr>  
       <tr>
         <th><?php echo $lang->todo->beginAndEnd;?></th>
         <td>
           <div class='input-group'>
-            <?php echo html::select('begin', $times, date('Y-m-d') != $date ? key($times) : $time, 'onchange=selectNext(); class="form-control" style="width: 50%;"') . html::select('end', $times, '', 'class="form-control" style="width: 50%; margin-left:-1px"');?>
+            <?php echo html::select('begin', $times, date('Y-m-d') != $date ? key($times) : $time, 'onchange=selectNext(); class="form-control chosen" style="width: 50%;"') . html::select('end', $times, '', 'class="form-control chosen" style="width: 50%; margin-left:-1px"');?>
           </div>
         </td>
         <td><input type='checkbox' id='switchDate' onclick='switchDateFeature(this);'> <?php echo $lang->todo->lblDisableDate;?></td>
diff --git a/module/todo/view/edit.html.php b/module/todo/view/edit.html.php
index 502f296b44..6400f5e992 100644
--- a/module/todo/view/edit.html.php
+++ b/module/todo/view/edit.html.php
@@ -87,7 +87,7 @@
       </tr>  
       <tr>
         <th><?php echo $lang->todo->pri;?></th>
-        <td><?php echo html::select('pri', $lang->todo->priList, $todo->pri, "class='form-control'");?></td>
+        <td><?php echo html::select('pri', $lang->todo->priList, $todo->pri, "class='form-control chosen'");?></td>
       </tr>  
       <tr>
         <th><?php echo $lang->todo->name;?></th>
@@ -105,13 +105,13 @@
       </tr>
       <tr>
         <th><?php echo $lang->todo->status;?></th>
-        <td><?php echo html::select('status', $lang->todo->statusList, $todo->status, "class='form-control'");?></td>
+        <td><?php echo html::select('status', $lang->todo->statusList, $todo->status, "class='form-control chosen'");?></td>
       </tr>  
       <tr>
         <th><?php echo $lang->todo->beginAndEnd;?></th>
         <td>
           <div class='input-group'>
-            <?php echo html::select('begin', $times, $todo->begin, 'onchange=selectNext(); class="form-control" style="width: 50%"') . html::select('end', $times, $todo->end, 'class="form-control" style="width: 50%"');?>
+            <?php echo html::select('begin', $times, $todo->begin, 'onchange=selectNext(); class="form-control chosen" style="width: 50%"') . html::select('end', $times, $todo->end, 'class="form-control chosen" style="width: 50%"');?>
           </div>
         </td>
         <td>