Sticky: Fix settings box appearance

foliovision · Aug 2, 2023 · c96ffa5 · c96ffa5
1 parent 3b233f9
commit c96ffa5
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 22 deletions.
diff --git a/css/license.css b/css/license.css
@@ -158,19 +158,29 @@ td.aligntop > label { margin-top:4px; }
 }
 #flowplayer-wrapper input[type=text], #flowplayer-wrapper select,
 #fv_flowplayer_skin_playlist input[type=text], #fv_flowplayer_skin_playlist select,
-#fv_flowplayer_skin_subtitles input[type=text], #fv_flowplayer_skin_subtitles select,
-#fv_flowplayer_skin_sticky input[type=text], #fv_flowplayer_skin_sticky select {
+#fv_flowplayer_skin_subtitles input[type=text], #fv_flowplayer_skin_subtitles select {
   width: 95%;
 }
 
+
+#fv_flowplayer_skin_sticky input[type=text], #fv_flowplayer_skin_sticky select {
+	width: 10em;
+}
+
+table.thirds {
+	max-width: 750px;
+}
+table.thirds td {
+	width: 33%;
+}
+
 #wpfp_options .button-primary {
   float: right;
 }
 
 #wpfp_options #flowplayer-wrapper .button-primary,
 #wpfp_options #fv_flowplayer_skin_playlist .button-primary,
 #wpfp_options #fv_flowplayer_skin_subtitles .button-primary,
-#wpfp_options #fv_flowplayer_skin_sticky .button-primary,
 #wpfp_options #fv_flowplayer_video_intelligence_account .button-primary {
   float: none;
 }

diff --git a/view/admin.php b/view/admin.php
@@ -1597,22 +1597,26 @@ function fv_flowplayer_admin_skin_subtitles() {
 function fv_flowplayer_admin_skin_sticky() {
 	global $fv_fp;
 ?>
-  <p><?php _e('This feature lets your viewers continue watching the video as they scroll past it. It applies to desktop computer displays - minimal width of 1020 pixels.', 'fv-wordpres-flowplayer'); ?></p>
-  <table class="form-table2 flowplayer-settings fv-player-interface-form-group">
-    <?php
-    $fv_fp->_get_radio( array(
-      'key' => 'sticky_video',
-      'name' => __('', 'fv-wordpress-flowplayer'),
-      'style' => 'columns',
-      'values' => array(
-        'off'     => 'Off',
-        'desktop' => 'Desktop',
-        'all'     => 'Desktop and Mobile'
-      ),
-    ) );
-    ?>
+  <p><?php _e('This feature lets your viewers continue watching the video as they scroll past it. For desktop computers we consider a display with minimal width of 1020 pixels.', 'fv-wordpres-flowplayer'); ?></p>
+  <table class="thirds">
+    <tr>
+      <?php
+      $fv_fp->_get_radio( array(
+        'key' => 'sticky_video',
+        'name' => __('', 'fv-wordpress-flowplayer'),
+        'style' => 'columns',
+        'values' => array(
+          'off'     => 'Off',
+          'desktop' => 'Desktop',
+          'all'     => 'Desktop and Mobile'
+        ),
+      ) );
+      ?>
+    </tr>
+  </table>  
+  <table class="form-table2">
     <tr>  
-      <td><label for="sticky_place"><?php _e('Placement', 'fv-wordpress-flowplayer'); ?></label></td>
+      <td class="first"><label for="sticky_place"><?php _e('Placement', 'fv-wordpress-flowplayer'); ?></label></td>
       <td>
         <select id="sticky_place" name="sticky_place">
           <option value="right-bottom"<?php if( $fv_fp->_get_option('sticky_place') == "right-bottom" ) echo ' selected="selected"'; ?>>Right, Bottom</option>
@@ -1628,19 +1632,19 @@ function fv_flowplayer_admin_skin_sticky() {
     </tr>
     <?php
 	  $fv_fp->_get_select(
-			__('Mobile Player Width', 'fv-wordpress-flowplayer'),
+			__( 'Mobile Player Width', 'fv-wordpress-flowplayer' ),
 			'sticky_width_mobile',
-			false,
+			__( 'Used if the device width is 480 pixels or lower.', 'fv-wordpress-flowplayer' ),
 			false,
 			array(
 				'100' => '100%',
 				'75'  => '75%',
 				'50'  => '50%'
 			)
 		); ?>
-
     <tr>
-      <td colspan="2">
+      <td></td>
+      <td>
         <input type="submit" name="fv-wp-flowplayer-submit" class="button-primary" value="<?php _e('Save All Changes', 'fv-wordpress-flowplayer'); ?>" />
       </td>
     </tr>