/* Prevents the first column of .footable tables from wrapping text,
   and gives the table fixed proportional column widths so the layout
   doesn't shift based on content length. */
 
.footable {
  table-layout: fixed;
  width: 100%;
}
 
.footable th:first-child,
.footable td:first-child {
  white-space: nowrap;
  width: 12%; /* adjust as needed */
}
 
.footable th:nth-child(2),
.footable td:nth-child(2) {
  width: 38%; /* adjust as needed */
}
 
.footable th:nth-child(3),
.footable td:nth-child(3) {
  width: 50%; /* adjust as needed */
}