td.notimportant will be hidden on small devices

src/main/webapp/WEB-INF/jsp/accession/data.jsp

@@ -63,8 +63,8 @@
 				</c:if>
 				<td><spring:message code="accession.accessionName" /></td>
 				<td><spring:message code="accession.taxonomy" /></td>
-				<td><spring:message code="accession.origin" /></td>
-				<td><spring:message code="accession.holdingInstitute" /></td>
+				<td class="notimportant"><spring:message code="accession.origin" /></td>
+				<td class="notimportant"><spring:message code="accession.holdingInstitute" /></td>
 				<%-- 				<td><spring:message code="accession.holdingCountry" /></td>
  --%>
 			</tr>
@@ -78,8 +78,8 @@
 					</c:if>
 					<td><a href="<c:url value="/acn/id/${accession.id}" />"><b><c:out value="${accession.accessionName}" /></b></a></td>
 					<td><a href="<c:url value="/acn/t/${accession.taxonomy.genus}/${accession.taxonomy.species}" />"><c:out value="${accession.taxonomy.taxonName}" /></a></td>
-					<td><a href="<c:url value="/geo/${accession.origin.toLowerCase()}" />"><c:out value="${accession.countryOfOrigin.name}" /></a></td>
-					<td><a href="<c:url value="/wiews/${accession.institute.code.toLowerCase()}" />"><c:out value="${accession.institute.code}" /></a></td>
+					<td class="notimportant"><a href="<c:url value="/geo/${accession.origin.toLowerCase()}" />"><c:out value="${accession.countryOfOrigin.name}" /></a></td>
+					<td class="notimportant"><a href="<c:url value="/wiews/${accession.institute.code.toLowerCase()}" />"><c:out value="${accession.institute.code}" /></a></td>
 					<%-- 			<td><a href="<c:url value="/geo/${accession.institute.country.code3.toLowerCase()}" />"><c:out value="${accession.institute.country.name}" /></a></td>
 		 --%>
 				</tr>

src/main/webapp/WEB-INF/jsp/index.jsp

@@ -45,6 +45,21 @@
 		</c:forEach>
 	</div>
 	</c:if>
-		
+
+
+<script type="text/javascript">
+jQuery(document).ready(function() {
+	// Code to toggle the crops menu in small devices
+	$("body").on("click", "#crops-menu > h1", function(event) {
+		event.preventDefault();
+		var menu=$("#crops-menu .funny-list");
+		if (menu.attr('washidden') || ! menu.is(":visible")) {
+			menu.attr('washidden', true);
+			$("#crops-menu .funny-list").toggle();
+		}
+	});
+});
+</script>
+
 </body>
 </html>
\ No newline at end of file

src/main/webapp/WEB-INF/jsp/selection/index.jsp

@@ -34,10 +34,10 @@
 						<td />
 					</c:if>
 					<td><spring:message code="accession.accessionName" /></td>
-					<td><spring:message code="accession.origin" /></td>
+					<td class="notimportant"><spring:message code="accession.origin" /></td>
 					<td><spring:message code="accession.taxonomy" /></td>
-					<td><spring:message code="accession.holdingInstitute" /></td>
-					<td><spring:message code="accession.holdingCountry" /></td>
+					<td class="notimportant"><spring:message code="accession.holdingInstitute" /></td>
+					<td class="notimportant"><spring:message code="accession.holdingCountry" /></td>
 				</tr>
 			</thead>
 			<tbody>
@@ -48,10 +48,10 @@
 							<td class="sel ${selection.containsId(accession.id) ? 'picked' : ''}" x-aid="${accession.id}"></td>
 						</c:if>
 						<td><a href="<c:url value="/acn/id/${accession.id}" />"><b><c:out value="${accession.accessionName}" /></b></a></td>
-						<td><c:out value="${accession.countryOfOrigin.name}" /></td>
+						<td class="notimportant"><c:out value="${accession.countryOfOrigin.name}" /></td>
 						<td><c:out value="${accession.taxonomy.taxonName}" /></td>
-						<td><a href="<c:url value="/wiews/${accession.institute.code.toLowerCase()}" />"><c:out value="${accession.institute.code}" /></a></td>
-						<td><a href="<c:url value="/geo/${accession.institute.country.code3.toLowerCase()}" />"><c:out value="${accession.institute.country.name}" /></a></td>
+						<td class="notimportant"><a href="<c:url value="/wiews/${accession.institute.code.toLowerCase()}" />"><c:out value="${accession.institute.code}" /></a></td>
+						<td class="notimportant"><a href="<c:url value="/geo/${accession.institute.country.code3.toLowerCase()}" />"><c:out value="${accession.institute.country.name}" /></a></td>
 					</tr>
 				</c:forEach>
 			</tbody>

src/main/webapp/html/css/custom.css

@@ -41,7 +41,15 @@
 	
 	#header-searcher button {
 		display: none;
-	}	
+	}
+	
+	td.notimportant, td.idx-col {
+		display: none;
+	}
+	
+	#crops-menu .funny-list {
+		display: none;
+	}
 }
 
 a {
@@ -53,6 +61,11 @@ a.disabled {
 
 #crops-menu {
 	background-color: #d9d6d1;
+	padding-bottom: 0;
+}
+
+#crops-menu ul {
+	margin-bottom: 10px;
 }
 
 #crops-menu li {