Styling adjustments to subscribe button in UCP

iMattPro · iMattPro · commit e3c1993c1163 · 2024-06-18T07:18:52.000-07:00
Signed-off-by: Matt Friedman &lt;maf675@gmail.com&gt;
diff --git a/styles/all/theme/phpbb_wpn.css b/styles/all/theme/phpbb_wpn.css
@@ -12,6 +12,10 @@
 	display: none;
 }
 
+.wpn.button {
+	margin: 0 0 8px;
+}
+
 .wpn-notification-dropdown-footer {
 	font-size: 12px;
 	white-space: nowrap;
@@ -41,3 +45,9 @@
 		font-size: 24px;
 	}
 }
+
+@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
+	.wpn.button {
+		margin-top: 8px;
+	}
+}
diff --git a/styles/prosilver/template/event/ucp_notifications_content_before.html b/styles/prosilver/template/event/ucp_notifications_content_before.html
@@ -7,7 +7,7 @@
 					<dd>
 						<input id="subscribe_webpush" type="submit" name="subscribe_webpush" value="{{ lang('NOTIFY_WEBPUSH_ENABLE') }}" class="wpn button1 button button-form" data-l-err="{{ lang('INFORMATION') }}" data-l-msg="{{ lang('NOTIFY_WEBPUSH_DENIED') }}">
 						<input id="unsubscribe_webpush" type="submit" name="unsubscribe_webpush" value="{{ lang('NOTIFY_WEBPUSH_DISABLE') }}" class="wpn button1 button button-form hidden">
-						<br><br><span>{{ lang('NOTIFY_WEBPUSH_ENABLE_EXPLAIN') }}</span>
+						<br><span>{{ lang('NOTIFY_WEBPUSH_ENABLE_EXPLAIN') }}</span>
 					</dd>
 				</dl>
 			</fieldset>

Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,10 @@`
`12`	`12`	`display: none;`
`13`	`13`	`}`
`14`	`14`
	`15`	`+.wpn.button {`
	`16`	`+ margin: 0 0 8px;`
	`17`	`+}`
	`18`	`+`
`15`	`19`	`.wpn-notification-dropdown-footer {`
`16`	`20`	`font-size: 12px;`
`17`	`21`	`white-space: nowrap;`
`@@ -41,3 +45,9 @@`
`41`	`45`	`font-size: 24px;`
`42`	`46`	`}`
`43`	`47`	`}`
	`48`	`+`
	`49`	`+@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {`
	`50`	`+ .wpn.button {`
	`51`	`+ margin-top: 8px;`
	`52`	`+ }`
	`53`	`+}`