Form Fields Misaligned in Window

[poeziafree]

Hi,

Form fields tend to be misaligned in Window.

Please, have a look at the screenshot and code below.

Any Help?

Window Contents fetched from ajax:

Code:

<div class="easyui-layout" data-options="fit:true">
   <div data-options="region:'west',cls: 'pd3',collapsible:false" title="დეტალები" style="width:40%;padding:5px;background-color:#dfe8f6 !important;">
      <table style="width:100%; ">
         <tr>
            <td>
               <input class="easyui-textbox" value="<? echo "".vremja3($query['time'])."";?>" data-options="labelWidth: 140, readonly:true,label:'შესრულების თარიღი:',labelPosition:'left',prompt:'...'" style="width:100%; height:22px">
            </td>
         </tr>
         <tr>
            <td>
               <input class="easyui-textbox" value="<? echo "".vremja3($query['time'])."";?>" data-options="labelWidth: 140, readonly:true,label:'ბოლო რედაქტირების თარიღი:',labelPosition:'left',prompt:'...'" style="width:100%; height:22px">
            </td>
         </tr>
         <tr>
            <td>
               <input type="text" class="easyui-textbox" value="<? echo "" . $query['code'] . ""; ?>" data-options="labelWidth: 140, label:'<span title=\'კონტრაქტი\'>კონტრაქტი</span>:',labelPosition:'left',prompt:'მიმდინარე კონტრაქტი.',readonly: true" style="width:100%;height:22px;">
            </td>
         </tr>
         <tr>
            <td>
               <input type="text" class="easyui-textbox" value="<? echo "" . vremja3($query['contract_start']) . ""; ?>-<? echo "" . vremja3($query['contract_end']) . ""; ?>" data-options="labelWidth: 140, label:'<span title=\'კონტრაქტის ვალიდურობა\'>ვალიდურობა</span>:',labelPosition:'left',prompt:'ვალიდურობის პერიოდი.',readonly:true" style="width:100%;height:22px">
            </td>
         </tr>
         <tr>
            <td>
               <input class="easyui-textbox" value="<? echo "" . contract_status($query['status']) . ""; ?>" labelPosition="left" data-options="labelWidth: 140, label: '<span title=\'კონტრაქტის სტატუსი\'>სტატუსი</span>:',prompt:'...',readonly:true" style="width:100%; height:22px">
            </td>
         </tr>
         <tr>
            <td>
               <input class="easyui-textbox" value="<? echo "".$query['avtori']."";?>" data-options="labelWidth: 140, readonly:true,label:'ოპერაციის ავტორი:',labelPosition:'left',prompt:'...'" style="width:100%; height:22px">
            </td>
         </tr>
         <tr>
            <td>
               <input class="easyui-textbox count-files" value="<? echo "".$query['files']."";?>" data-options="labelWidth: 140, readonly:true,label:'ფაილების რნ-ბა:',labelPosition:'left',prompt:'...'" style="width:100%; height:22px">
            </td>
         </tr>
      </table>
      <hr>
      <form id="Upload_view_contract_details" class="easyui-form" method="post" enctype="multipart/form-data" style="max-width: 100%">
         <table style="width:100%; ">
            <tr>
               <td>
                  <input class="easyui-filebox Pdf" name="Pdf" data-options="labelWidth: 140, labelPosition:'left', label: 'PDF ფაილი', required: true, prompt:'Choose another file...',validType: 'maxFileSize[2500]',accept: '.pdf'" style="width:100%; height:22px;">
               </td>
            </tr>
            <tr>
               <td>
                  <input class="easyui-textbox comment" name="comment" data-options="labelWidth: 140,label:'კომენტარი:',labelPosition:'left',prompt:'...',validType:['minLength[0]','maxLength[190]']" style="width:100%; height:22px;">
               </td>
            </tr>
         </table>
         <br>
         <button type="submit" class="easyui-linkbutton" data-options="iconCls:'icon-save'">ფაილის ატვირთვა</button>
      </form>
   </div>
   <div data-options="region:'center',cls: 'pd3',collapsible:false" title="მიმაგრებული ფაილები" style="background-color:#dfe8f6 !important;">
      <table class="easyui-datagrid" id="view_contract_details" style="width:100%;"></table>
   </div>
</div>