Ticket #38023: 38023.3.diff

src/wp-admin/css/nav-menus.css

@@ -109 +109 @@
         margin-top: 2em;
 }
 
-.menu-settings dl {
+.menu-settings-group {
         margin: 0 0 10px;
         overflow: hidden;
-        padding-left: 18%;
+        padding-left: 20%;
 }
 
-.menu-settings dd {
+.menu-settings-group:last-of-type {
+        margin-bottom: 0;
+}
+
+.menu-settings-input {
         float: left;
         margin: 0;
         width: 100%;
 }
 
-.menu-settings dt {
+.menu-settings-group-name {
         float: left;
         clear: both;
-        width: 21.951%;
+        width: 25%;
         padding: 3px 0 0;
-        margin-left: -21.951%;
+        margin-left: -25%; /* 20 container left padding x ( 100 container % width / 80 this % width ) */
 }
 
 .menu-settings label {
@@ -869 +873 @@
                 width: 25px;
         }
 
-        .menu-settings dl {
+        .menu-settings-group {
                 padding-left: 0;
         }
 
-        .menu-settings dd {
+        .menu-settings-group-name {
                 float: none;
-                width: 100%;
+                width: auto;
+                margin-left: 0;
                 margin-bottom: 15px;
         }
 
-        .menu-settings dt {
+        .menu-settings-input {
                 float: none;
-                width: auto;
-                margin-left: 0;
                 margin-bottom: 15px;
         }
 
+        .menu-edit .checkbox-input {
+            margin-top: 0;
+        }
+
         .manage-menus select {
                 margin: 0.5em 0;
         }

src/wp-admin/nav-menus.php

@@ -798 +798 @@
                                                                                 $auto_add = false;
                                                                 } ?>
 
-                                                                <dl class="auto-add-pages">
-                                                                        <dt class="howto"><?php _e( 'Auto add pages' ); ?></dt>
-                                                                        <dd class="checkbox-input"><input type="checkbox"<?php checked( $auto_add ); ?> name="auto-add-pages" id="auto-add-pages" value="1" /> <label for="auto-add-pages"><?php printf( __('Automatically add new top-level pages to this menu' ), esc_url( admin_url( 'edit.php?post_type=page' ) ) ); ?></label></dd>
-                                                                </dl>
+                                                                <fieldset class="menu-settings-group auto-add-pages">
+                                                                        <legend class="menu-settings-group-name howto"><?php _e( 'Auto add pages' ); ?></legend>
+                                                                        <div class="menu-settings-input checkbox-input">
+                                                                                <input type="checkbox"<?php checked( $auto_add ); ?> name="auto-add-pages" id="auto-add-pages" value="1" /> <label for="auto-add-pages"><?php printf( __('Automatically add new top-level pages to this menu' ), esc_url( admin_url( 'edit.php?post_type=page' ) ) ); ?></label>
+                                                                        </div>
+                                                                </fieldset>
 
                                                                 <?php if ( current_theme_supports( 'menus' ) ) : ?>
 
-                                                                        <dl class="menu-theme-locations">
-                                                                                <dt class="howto"><?php _e( 'Theme locations' ); ?></dt>
+                                                                        <fieldset class="menu-settings-group menu-theme-locations">
+                                                                                <legend class="menu-settings-group-name howto"><?php _e( 'Theme locations' ); ?></legend>
                                                                                 <?php foreach ( $locations as $location => $description ) : ?>
-                                                                                <dd class="checkbox-input">
+                                                                                <div class="menu-settings-input checkbox-input">
                                                                                         <input type="checkbox"<?php checked( isset( $menu_locations[ $location ] ) && $menu_locations[ $location ] == $nav_menu_selected_id ); ?> name="menu-locations[<?php echo esc_attr( $location ); ?>]" id="locations-<?php echo esc_attr( $location ); ?>" value="<?php echo esc_attr( $nav_menu_selected_id ); ?>" />
                                                                                         <label for="locations-<?php echo esc_attr( $location ); ?>"><?php echo $description; ?></label>
                                                                                         <?php if ( ! empty( $menu_locations[ $location ] ) && $menu_locations[ $location ] != $nav_menu_selected_id ) : ?>
@@ -819 +821 @@
                                                                                                         );
                                                                                                 ?></span>
                                                                                         <?php endif; ?>
-                                                                                </dd>
+                                                                                </div>
                                                                                 <?php endforeach; ?>
-                                                                        </dl>
+                                                                        </fieldset>
 
                                                                 <?php endif; ?>