diff --git a/app/views/measurements/_readouts.html.erb b/app/views/measurements/_readouts.html.erb
index 683aa1c..dcd6317 100644
--- a/app/views/measurements/_readouts.html.erb
+++ b/app/views/measurements/_readouts.html.erb
@@ -7,7 +7,7 @@
         <% total_width = 3 + @quantities.length %>
         <th style="width:<%= 2 * 100/total_width%>%"><%= l(:field_taken_at_date) %></th>
         <% @quantities.each do |q| %>
-          <th style="width:<%= 100/total_width %>%">
+          <th style="width:<%= 100/total_width %>%" class="closable shrinkable">
             <div style="float:right;position:relative;">
               <%= link_to '', toggle_column_measurement_path(@measurement, quantity_id: q.id),
                 {class: "icon icon-close", method: :post, remote: true} %>
@@ -22,13 +22,14 @@
       <% @measurements.each_with_index do |m, index| %>
         <% row_class = "measurement #{cycle('odd', 'even')}" %>
         <tr id="measurement-<%= m.id %>" class="primary <%= row_class %>">
-          <td class="date" style="cursor: pointer;" onclick="$(this).closest('tr').toggle(); $(this).closest('tr').nextUntil('tr.primary', '.measurement').toggle(); return false;">
+          <td class="date unshrinkable" style="cursor: pointer;"
+              onclick="$(this).closest('tr').toggle(); $(this).closest('tr').nextUntil('tr.primary', '.measurement').toggle(); return false;">
             <span class="icon icon-bullet-closed"><%= format_datetime(m) %></span>
           </td>
           <% @requested_r[index].each do |*, value| %>
-            <td class="primary value"><%= format_value(value) %></td>
+            <td class="primary value shrinkable"><%= format_value(value) %></td>
           <% end %>
-          <td class="action"><%= action_links(m) %></td>
+          <td class="action unshrinkable"><%= action_links(m) %></td>
         </tr>
 
         <tr class="<%= row_class %>" style="display:none">
@@ -37,23 +38,24 @@
              else
                rows = 1
              end %>
-          <td rowspan="<%= rows %>" class="date" style="cursor: pointer;" onclick="$(this).closest('tr').prev('tr.primary').toggle(); $(this).closest('tr').prev('tr.primary').nextUntil('tr.primary', '.measurement').toggle(); return false;">
+          <td rowspan="<%= rows %>" class="date unshrinkable" style="cursor: pointer;"
+              onclick="$(this).closest('tr').prev('tr.primary').toggle(); $(this).closest('tr').prev('tr.primary').nextUntil('tr.primary', '.measurement').toggle(); return false;">
             <span class="icon icon-bullet-open"><%= format_datetime(m) %></span>
           </td>
           <% @requested_r[index].each do |q_name, value| %>
-            <td class="primary quantity">
+            <td class="primary quantity shrinkable">
               <%= q_name %>
               <p class="value"><%= format_value(value) %></p>
             </td>
           <% end %>
-          <td rowspan="<%= rows %>" class="action"><%= action_links(m) %></td>
+          <td rowspan="<%= rows %>" class="action unshrinkable"><%= action_links(m) %></td>
         </tr>
 
         <% next unless @quantities.length > 0 %>
         <% @extra_r[index].each_slice(@quantities.length).with_index do |values| %>
           <tr class="extra <%= row_class %>" style="display:none">
             <% values.each do |q_name, value| %>
-              <td class="extra quantity">
+              <td class="extra quantity shrinkable">
                 <%= q_name %>
                 <p class="value"><%= format_value(value) %></p>
               </td>
diff --git a/app/views/quantities/_index.html.erb b/app/views/quantities/_index.html.erb
index d8ed755..38c4a09 100644
--- a/app/views/quantities/_index.html.erb
+++ b/app/views/quantities/_index.html.erb
@@ -21,7 +21,7 @@
           quantity_class += " project idnt idnt-#{level+1}"
         %>
         <tr id="quantity-<%= q.id %>" class="<%= quantity_class %>">
-          <td class="name"><%= q.name %></td>
+          <td class="name unshrinkable"><%= q.name %></td>
           <td class="order">
             <% [:up, :down, :left, :right].each do |direction| %>
             <%=
@@ -40,7 +40,7 @@
           <td class="domain"><%= q.domain %></td>
           <td class="description"><%= q.description %></td>
           <td class="formula"><%= checked_image q.formula.present? %></td>
-          <td class="action">
+          <td class="action unshrinkable">
             <%= link_to l(:button_edit), edit_quantity_path(q), {
               remote: true,
               class: "icon icon-edit"
diff --git a/assets/stylesheets/body_tracking.css b/assets/stylesheets/body_tracking.css
index e448e90..c5d3181 100644
--- a/assets/stylesheets/body_tracking.css
+++ b/assets/stylesheets/body_tracking.css
@@ -9,15 +9,9 @@ table.list .quantity {text-align: left;}
 table.list .action,
 table.list .value {text-align: right;}
 
-table.list td.action,
-table.list td.date {white-space: nowrap;}
-
-table.list th {padding-right: 0;}
-
-table.list th,
-table.list td.name,
-table.list td.quantity,
-table.list td.value {
+table.list th.closable {padding-right: 0;}
+table.list .unshrinkable {white-space: nowrap;}
+table.list .shrinkable {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;