Merge pull request sheadawson#39 from SilbinaryWolf/fix-jankystyling

fix(quickaddnew.css): Fix CSS so that the addnew button appears beside the chosen field in a way that works responsively.
restruct · Oct 14, 2016 · b7fc247 · b7fc247
2 parents ab8e2b4 + 96ac839
commit b7fc247
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/css/quickaddnew.css b/css/quickaddnew.css
@@ -1,10 +1,17 @@
-.cms .quickaddnew-field{
-	position: relative;
+.cms .quickaddnew-field > .middleColumn {
+	/* stop gaps between inline blocks */
+	font-size: 0;
+}
+.cms .quickaddnew-field .chzn-container {
+	max-width: 437px; /* 512px - 75px */
 }
 .cms .quickaddnew-button{
-	position: absolute;
-	top: 5px;
+	position: relative;
+	top: 4px;
+	z-index: 0;
+	display: inline-block;
 	margin-left: 5px;
+	vertical-align: top;
 }
 
 .quickaddnew-dialog{