Merge pull request #132 from OpenSourceOrg/add/donation-widget-license-pages-main

Adjust Single License Page Content Width - Main

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

@@ -1,25 +1,38 @@
 // Licenses
 .single-license {
-    .entry-content {
-        margin-left: auto;
-        margin-right: auto;
-        max-width: $postMax;
-        flex-grow: 1;
-        display: flex;
-        align-items: flex-start;
-        gap: 20px;
-    }
-    .page--title {
-        margin-bottom: 18px !important;
-    }
-    @media only screen and (min-width: $break-medium) {
-        .cover--header {
-            .wp-block-cover {
-                padding-top: $maxPadding;
-                padding-bottom: $maxPadding;
-            }
-        }
-    }
+	.entry-content {
+		margin-left: auto;
+		margin-right: auto;
+		max-width: $boxedMax;
+		flex-grow: 1;
+		display: flex;
+		align-items: flex-start;
+		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 {
+				padding-top: $maxPadding;
+				padding-bottom: $maxPadding;
+			}
+		}
+	}
 }
 
 .license-steward {

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>