Update script/style

Author: robincornett

assets/build/css/style-edd-sl-sdk.css

@@ -1,4 +1,4 @@
-@use 'toggle';
+@use "toggle";
 
 .edd-sdk__notice__overlay {
 	position: fixed;
@@ -25,6 +25,11 @@
 		margin-left: 36px !important;
 		width: calc(100% - 36px) !important;
 	}
+
+	@media only screen and (max-width: 782px) {
+		margin-left: 0 !important;
+		width: 100% !important;
+	}
 }
 
 .edd-sdk-notice--overlay {
@@ -58,6 +63,10 @@
 	.inline-notice {
 		margin: 1em 0 0;
 	}
+
+	@media only screen and (max-width: 782px) {
+		max-width: 100%;
+	}
 }
 
 .edd-sl-sdk__license-control {
@@ -68,6 +77,14 @@
 	button {
 		margin: 0 !important;
 	}
+
+	@media only screen and (max-width: 600px) {
+		flex-wrap: wrap;
+
+		input {
+			width: 100%;
+		}
+	}
 }
 
 .edd-sl-sdk-license-response {
@@ -85,3 +102,8 @@
 .edd-sl-sdk__license-status-message {
 	font-style: italic;
 }
+
+.edd-sl-sdk-licensing__actions {
+	display: flex;
+	gap: 4px;
+}

assets/build/js/edd-sl-sdk.js

@@ -14,6 +14,7 @@ if ( overlayNotice ) {
 	document.addEventListener( 'click', ( event ) => {
 		if ( event.target.classList.contains( 'edd-sdk__notice__trigger' ) ) {
 			if ( event.target.classList.contains( 'edd-sdk__notice__trigger--ajax' ) ) {
+				event.target.disabled = true;
 				event.preventDefault();
 
 				const data = {
@@ -34,6 +35,7 @@ if ( overlayNotice ) {
 							overlayNoticeWrapper.classList.add( 'edd-sdk__notice--ajax' );
 						}
 						triggerNoticeEnter( overlayNoticeWrapper );
+						event.target.disabled = false;
 					} );
 			} else {
 				triggerNoticeEnter( overlayNoticeWrapper );