Ticket #53157: 53157.diff

src/wp-admin/css/forms.css

@@ -850 +850 @@
 }
 
 .color-palette {
+        display: table;
         width: 100%;
         border-spacing: 0;
         border-collapse: collapse;
 }
+.color-palette div,
 .color-palette td {
+        display: table-cell;
         height: 20px;
         padding: 0;
         border: none;
@@ -1476 +1479 @@
                 margin-bottom: 0;
         }
 
+        .form-table .color-palette div,
         .form-table .color-palette td {
                 display: table-cell;
                 width: 15px;
+                height: 30px;
+                padding: 0;
         }
 
-        .form-table table.color-palette {
+        .form-table .color-palette {
                 margin-right: 10px;
         }
 

src/wp-admin/includes/misc.php

@@ -960 +960 @@
                                 <input type="hidden" class="css_url" value="<?php echo esc_url( $color_info->url ); ?>" />
                                 <input type="hidden" class="icon_colors" value="<?php echo esc_attr( wp_json_encode( array( 'icons' => $color_info->icon_colors ) ) ); ?>" />
                                 <label for="admin_color_<?php echo esc_attr( $color ); ?>"><?php echo esc_html( $color_info->name ); ?></label>
-                                <table class="color-palette">
-                                        <tr>
+                                <div class="color-palette">
+                                <?php
+
+                                foreach ( $color_info->colors as $html_color ) {
+                                        ?>
+                                        <div style="background-color: <?php echo esc_attr( $html_color ); ?>"></div>
                                         <?php
+                                }
 
-                                        foreach ( $color_info->colors as $html_color ) {
-                                                ?>
-                                                <td style="background-color: <?php echo esc_attr( $html_color ); ?>">&nbsp;</td>
-                                                <?php
-                                        }
-
-                                        ?>
-                                        </tr>
-                                </table>
+                                ?>
+                                </div>
                         </div>
                         <?php