Hide parts of QSO log on small devices

templates/contest/log.html

@@ -24,6 +24,7 @@
 					#id_call {
 						width: 100px;
 					}
+
 				</style>
 
 					{% crispy form %}
@@ -45,11 +46,11 @@
 							<th>Band</th>
 							<th>UTC</th>
 							<th>Call</th>
-							<th>RST-S</th>
-							<th>RST-R</th>
-							<th>Nr-R</th>
+							<th class="hidden-xs">RST-S</th>
+							<th class="hidden-xs">RST-R</th>
+							<th class="hidden-xs">Nr-R</th>
 							<th>EXC</th>
-							<th>Remarks</th>
+							<th class="hidden-xs">Remarks</th>
 							<th></th>
 						</tr>
 					</thead>
@@ -60,12 +61,12 @@
 						<td>{{ qso.band }}</td>
 						<td>{{ qso.time|date:"H:i" }}</td>
 						<td>{{ qso.call }}</td>
-						<td>{{ qso.reportTX }}</td>
-						<td>{{ qso.reportRX }}</td>
-						<td>{{ qso.otherNo }}</td>
+						<td class="hidden-xs">{{ qso.reportTX }}</td>
+						<td class="hidden-xs">{{ qso.reportRX }}</td>
+						<td class="hidden-xs">{{ qso.otherNo }}</td>
 						<td>{{ qso.refStr }}</td>
-						<td>{{ qso.remarks }}</td>
-						<td><a href="{% url "contest:logEdit" qso.id %}">Edit</a> <a href="{% url "contest:logDelete" qso.id %}">Delete</a></td>
+						<td class="hidden-xs">{{ qso.remarks }}</td>
+						<td><a href="{% url "contest:logEdit" qso.id %}"><span class="glyphicon glyphicon-pencil"></span></a> <a href="{% url "contest:logDelete" qso.id %}"><span class="glyphicon glyphicon-trash"></span></a></td>
 					</tr>
 				{% endfor %}
 					</tbody>