Inside the first row of a table I place a combination of an text-input and a button. The following rows only contain an text-input field. All rows should be the same width. Take reference on the following screenshots.
My question is how to make button and text box in same size with other rows in the table?
Current state: (fiddle)
Desired state:
<table class="">
<tr>
<td>text:
</td>
<td>
<input type="text" ID="txtDescPoint" CssClass="form-control input-sm" />
<input type="button" class="" value="..." id="ffcolorswtach" style="position: relative; left: 5px; top: 0px; color: #000000; background-color: #d8d5d5;" onclick="PickColor(1, false, false)" />
</td>
<td>
</td>
</tr>
<tr>
<td>X:
</td>
<td>
<input type="text" ID="txtLon" runat="server" CssClass="form-control btn-sm" />
</td>
</tr>
<tr>
<td>Y:
</td>
<td>
<input type="text" ID="txtLat" runat="server" CssClass="form-control btn-sm" />
</td>
</tr>
</table>