Change your table-layout to auto (or don't include it, as auto is the default).
A demo from MDN:

Videos
How do I make an HTML table responsive?
Should I use fixed or percentage-based widths for HTML tables?
What is the role of CSS in responsive table design?
The following will solve your problem:
td.last {
width: 1px;
white-space: nowrap;
}
Flexible, Class-Based Solution
And a more flexible solution is creating a .fitwidth class and applying that to any columns you want to ensure their contents are fit on one line:
td.fitwidth {
width: 1px;
white-space: nowrap;
}
And then in your HTML:
<tr>
<td class="fitwidth">ID</td>
<td>Description</td>
<td class="fitwidth">Status</td>
<td>Notes</td>
</tr>
If you want to make sure that last row does not wrap and thus size the way you want it, have a look at
td {
white-space: nowrap;
}
Remove all widths set using CSS and set white-space to nowrap like so:
.content-loader tr td {
white-space: nowrap;
}
I would also remove the fixed width from the container (or add overflow-x: scroll to the container) if you want the fields to display in their entirety without it looking odd...
See more here: http://www.w3schools.com/cssref/pr_text_white-space.asp
Use this style attribute for no word wrapping:
white-space: nowrap;