Minor restyling

Author: joedolson

src/assets/css/admin.css

@@ -9,7 +9,8 @@
 #ableplayer-settings form p {
 	display: flex;
 	align-items: center;
-	gap: 10px;
+	column-gap: 10px;
+	flex-wrap: wrap;
 }
 
 @media (max-width: 782px) {
@@ -184,6 +185,10 @@
 	}
 }
 
+.ableplayer-text-input label {
+	flex-basis: 100%;
+}
+
 .ableplayer-input-description {
 	display: inline-flex;
 	align-items: center;

src/inc/settings.php

@@ -353,7 +353,7 @@ function ableplayer_settings_form() {
 								);
 								?>
 								</p>
-								<p>
+								<p class="ableplayer-text-input">
 								<?php
 								ableplayer_settings_field(
 									array(
@@ -383,7 +383,7 @@ function ableplayer_settings_form() {
 										'name'  => 'disable_elements',
 										'label' => __( 'Disable MediaElement JS.', 'ableplayer' ),
 										'type'  => 'checkbox-single',
-										'note'  => __( 'Recommended if using any of the replacement options.', 'ableplayer' ),
+										'note'  => __( 'Recommended if using any element replacement options.', 'ableplayer' ),
 									)
 								);
 								?>
@@ -421,7 +421,7 @@ function ableplayer_settings_form() {
 								);
 								?>
 								</p>
-								<p>
+								<p class="ableplayer-text-input">
 								<?php
 								ableplayer_settings_field(
 									array(
@@ -436,7 +436,7 @@ function ableplayer_settings_form() {
 								);
 								?>
 								</p>
-								<p>
+								<p class="ableplayer-text-input">
 								<?php
 								ableplayer_settings_field(
 									array(
@@ -462,7 +462,7 @@ function ableplayer_settings_form() {
 								);
 								?>
 								</p>
-								<p>
+								<p class="ableplayer-text-input">
 								<?php
 								ableplayer_settings_field(
 									array(