How can we adjust the spacing at the bottom of the table to remove extra space?
Currently, it looks like this:
https://i.stack.imgur.com/DwkbG.png
We want it to look like this:
https://i.stack.imgur.com/extDP.png
CSS
.wk_mp_body td {
background: #282828;
}
.wk_mp_body td {
padding: 5px 7px;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
table {
border: 0;
border-collapse: collapse;
empty-cells: show;
font-size: 100%;
}
HTML
<table cellspacing="0" class="border wk_mp_list_table">
<thead>
<tr id="wk_mp_tr_heading">
<th><span><?php echo $helper->__('Product Name') ?></span></th>
<th><span><?php echo $helper->__('Date') ?></span></th>
<th><span><?php echo $helper->__('Product Status') ?></span></th>
<th><span> </span></th>
</tr>
</thead>
<tbody class="wk_mp_body">
<tr>
<td><input class="input-text" name="s" placeholder='<?php echo $helper->__(' type="text">' value="<?php echo $this->getRequest()->getParam('s')?>"/></td>
<td><span class="wk_mp_td_span"><?php echo $helper->__('') ?> <input class="input-text" id="special_from_date" name="from_date" placeholder='<?php echo $helper->__(' value="<?php echo $this->getRequest()->getParam('from_date')?>">'/></span> <span class="wk_mp_td_span"><?php echo $helper->__('') ?> <input class="input-text" id="special_to_date" name="to_date" placeholder='<?php echo $helper->__(' value="<?php echo $this->getRequest()->getParam('to_date')?>">'/></span></td>
<td><select class="input-text" name="prostatus" style="height:35px;">
<option value="">
<?php echo $helper->__('All') ?>
</option>
<option value="1">
<?php echo $helper->__('Approved') ?>
</option>
<option value="2">
<?php echo $helper->__('Unapproved') ?>
</option>
</select></td>
<td><button class="button" style="background:#fc6c0b;" title="Save" type="submit"><span><span><span><?php echo $helper->__('Submit') ?></span></span></span></button></td>
</tr>
</tbody>
</table>
Looking for a solution to fix this issue. Thanks in advance!