#2 hide non-key columns on small screens

This looks much better & seems reasonable since you can get to the data on the show page anyway. You lose the ability to sort the data, though.

Author: robfletcher

web-app/css/scaffolding.css

@@ -70,6 +70,25 @@ table th.desc a:after {
 	background-position: -312px -96px;
 }
 
+@media (max-width:480px) {
+	table thead, table td { 
+		display: none;
+	}
+	
+	table tr:first-child td {
+		border-top: none;
+	}
+	
+	table td:first-child, table td:last-child {
+		display: table-cell;
+		vertical-align: middle;
+	}
+	
+	table td:last-child {
+		text-align: right;
+	}
+}
+
 /* error page */
 
 pre.snippet code.line {