making sure the MQs item is hidden on smaller screens

Author: dmolsen

core/styleguide/css/styleguide.css

@@ -284,12 +284,12 @@
       border: 0;
       border-left: 1px solid rgba(255, 255, 255, 0.05); } }
 
-.sg-find {
+.sg-find, .sg-mqs {
 	display: none;
 }
 
 @media all and (min-width: 48em) {
-	.sg-find {
+	.sg-find, .sg-mqs {
 		display: block;
 	}
 }

core/templates/partials/ishControls.mustache

@@ -20,7 +20,7 @@
 					</ul>
 				</li>
 				{{^ ishControlsHide.mqs }}
-				<li class="sg-half">
+				<li class="sg-mqs">
 					<a href="#" class="mode-link sg-acc-handle" id="sg-size-mq" title="Media query values found in stylesheet">MQ</a>
 					<ul class="sg-acc-panel sg-left" id="sg-mq">
 						{{# mqs }}