MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 169: / Line 169: @@
 }
 .skin-minerva .home-feature-thumbs,
-.skin-minerva .home-find,
 .skin-minerva .home-hero-photo,
 .skin-minerva .home-start-here {
@@ Line 178: / Line 177: @@
 	justify-content: center;
 }
+/* Soft-launch sitenotice: align with mobile content column */
+.skin-minerva .sitenotice-softlaunch,
+.skin-minerva #siteNotice,
+.skin-minerva .mw-site-notice {
+	max-width: 100%;
+	margin-left: auto;
+	margin-right: auto;
+	text-align: left;
+	padding-left: 0.25em;
+	padding-right: 0.25em;
+	box-sizing: border-box;
+}
+.sitenotice-softlaunch {
+	font-size: 95%;
+	line-height: 1.45;
+	margin: 0.35em 0 0.75em 0;
+}
+/* Find-a-soldier: keep a normal-sized field on phones (not full bleed) */
+.skin-minerva .home-find {
+	max-width: 22em !important;
+	width: 100%;
+	margin-left: auto;
+	margin-right: auto;
+	box-sizing: border-box;
+}
+.skin-minerva .home-find-row {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 0.4em;
+	align-items: center;
+}
+.skin-minerva .home-find-suggest-wrap {
+	flex: 1 1 auto;
+	min-width: 0;
+	max-width: 14em;
+}
+.skin-minerva .home-find-input,
 .skin-minerva .soldier-find-form input[type="search"],
 .skin-minerva .soldier-find-form input[type="text"],
@@ Line 183: / Line 221: @@
 .skin-minerva .home-find input[type="text"] {
 	width: 100% !important;
-	max-width: 100% !important;
+	max-width: 14em !important;
+	min-width: 0 !important;
+	flex: 0 1 14em !important;
 	box-sizing: border-box;
+}
+.skin-minerva .home-find-button {
+	flex: 0 0 auto;
 }