Merge pull request #131 from OpenSourceOrg/add/donation-widget-license-pages-develop

Adjust Single License Page Content Width - develop

Author: nickpagz

.gitignore

@@ -353,6 +353,7 @@ bh_unicode_properties.cache
 GitHub.sublime-settings
 
 ### VisualStudioCode ###
+.vscode/
 .vscode/*
 !.vscode/settings.json
 !.vscode/tasks.json

themes/osi/assets/css/editor-style.css

@@ -91,7 +91,7 @@
 
 	.single-license & {
 		.content--page article:not(.archive), .comments {
-			max-width: $postMax !important;
+			max-width: $boxedMax !important;
 
 			.alignwide {
 				@extend %alignwide;

themes/osi/assets/css/editor-style.css.map

@@ -4,17 +4,28 @@
 	.entry-content {
 		margin-left: auto;
 		margin-right: auto;
-		max-width: $postMax;
+		max-width: $boxedMax;
 		flex-grow: 1;
 		display: flex;
 		align-items: flex-start;
-		gap: 20px;
+		row-gap: 20px;
+		column-gap: 60px;
 	}
 
 	.page--title {
 		margin-bottom: 18px !important;
 	}
 
+	.cover--header {
+		.wp-block-cover {
+			left: 50%;
+			right: 50%;
+			margin-left: -50vw!important;
+			margin-right: unset!important;
+			width: 100vw!important;
+		}
+	}
+
 	@media only screen and (min-width: $break-medium) {
 		.cover--header {
 			.wp-block-cover {

themes/osi/assets/scss/_5_objects.layout.scss

@@ -2,7 +2,7 @@
 	<div class="wp-block-cover alignfull has-neutral-dark-background-color has-background-dim-100 has-background-dim">
 		<div class="wp-block-cover__inner-container">
 			<div class="wp-block-columns">
-				<div class="wp-block-column" style="flex-basis: 80%">
+				<div class="wp-block-column" style="flex-basis: 70%">
 					<span class="pill-taxonomy">
 						<?php
 						/**
@@ -77,7 +77,7 @@
 						</div>
 					<?php endif; ?>
 				</div>
-				<div class="wp-block-column" style="flex-basis: 20%; text-align: center;">
+				<div class="wp-block-column" style="flex-basis: 30%; text-align: center;">
 					<img width="200" src="/wp-content/themes/osi/assets/img/osi-badge-light.svg" alt="<?php esc_html_e( 'Open Source Initiative Approved License', 'osi' ); ?>">
 				</div>
 			</div>