WIP

app/assets/stylesheets/campaigns/common.css.scss

@@ -0,0 +1,8 @@
+/* License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later */
+
+body > .campaign-banner {
+  margin: auto;
+  width: 980px;
+  max-height: 120px;
+  text-align: center;
+}

app/assets/stylesheets/campaigns/peer_to_peer/page.css.scss

@@ -6,18 +6,13 @@
 @import 'components/simple_tabs';
 @import 'pikaday';
 @import 'common/image_uploader';
+@import '../common';
 
 body {
 	padding: 0;
 	background: $fog;
 }
 
-body > .campaign-banner {
-  margin: auto;
-  width: 980px;
-  max-height: 120px;
-  text-align: center;
-}
 
 main {
 	display: block;

app/assets/stylesheets/campaigns/show/page.css.scss

@@ -13,6 +13,7 @@
 @import 'components/draggable';
 @import 'gift_levels';
 @import '../../nonprofits/donation_form/form';
+@import '../common';
 
 .button--gift {
 	font-size: 17px;

app/views/components/_upload_banner_image.html.erb

@@ -5,7 +5,7 @@
 
     <fieldset class='u-centered'>
 			<p>Select and upload a banner image for this page.</p>
-			<p class='u-marginBottom--20'>For best results, the image should be <strong>1000px by 120px</strong> in size.</p>
+			<p class='u-marginBottom--20'>For best results, the image should be <strong>980px by 120px</strong> in size.</p>
 			<form autosubmit action='<%= end_point %>' method='put' data-reload>
 				<div class='image-upload image-upload--banner' style='background-image:url(<%= image_url ? image_url : '' %>)'>
 					<span><i class='fa fa-image'></i> Select</span>

app/views/components/fundraising_pages/_header.html.erb

@@ -7,7 +7,7 @@
 
 <header class="container fundraisingHeader--plain" <%= css_style.html_safe %> id='js-fundraisingHeader'>
   <% if banner_image_url %>
-    <div class='campaign-banner'>
+    <div class='campaign-banner u-margin'>
       <img src='<%= banner_image_url %>'>
     </div>
   <% end %>
@@ -21,4 +21,4 @@
   	</section>
 	<% end %>
 </header>
-<!-- partial end: fundaising_pages/_header  -->
+<!-- partial end: fundraising_pages/_header  -->