realign group controls

less/groups.less

@@ -54,10 +54,6 @@
 		left: auto;
 		right: 0px;
 
-		@media (min-width: @screen-md-min) {
-			min-height: 300px;
-		}
-
 		&.initialised:hover {
 			.controls {
 				opacity: 0.5;
@@ -66,8 +62,8 @@
 
 		.controls {
 			text-align: center;
-			min-height: 250px;
+			min-height: 200px;
-			line-height: 250px;
+			line-height: 200px;
 			.opacity(0);
 			.transition(opacity .15s linear);
 			cursor: pointer;
@@ -78,6 +74,15 @@
 			}
 		}
 
+		@media (min-width: @screen-md-min) {
+			min-height: 300px;
+
+			.controls {
+				min-height: 300px;
+				line-height: 300px;
+			}
+		}
+
 		&.active {
 			&:hover {
 				cursor: move;