Ticket #59371: 59371.diff

src/wp-admin/css/themes.css

@@ -506 +506 @@
         z-index: 30;
         box-sizing: border-box;
         border-top: 1px solid #f0f0f1;
+        display: flex;
+        justify-content: center;
 }
 
 .theme-overlay .theme-actions a {
@@ -521 +523 @@
 
 .broken-themes a.delete-theme,
 .theme-overlay .theme-actions .delete-theme {
-        color: #d63638;
+        color: #b32d2e;
         text-decoration: none;
         border-color: transparent;
         box-shadow: none;
@@ -528 +530 @@
         background: transparent;
 }
 
-.theme-overlay .theme-actions .delete-theme {
-        position: absolute;
-        right: 10px;
-        bottom: 5px;
-}
-
 .broken-themes a.delete-theme:hover,
 .broken-themes a.delete-theme:focus,
 .theme-overlay .theme-actions .delete-theme:hover,
 .theme-overlay .theme-actions .delete-theme:focus {
-        background: #d63638;
+        background: #b32d2e;
         color: #fff;
-        border-color: #d63638;
+        border-color: #b32d2e;
 }
 
 .theme-overlay .theme-actions .active-theme,

src/wp-admin/themes.php

@@ -1205 +1205 @@
                                         /* translators: %s: Theme name. */
                                         $aria_label = sprintf( _x( 'Activate %s', 'theme' ), '{{ data.name }}' );
                                         ?>
+                                        <# if ( ! data.blockTheme ) { #>
+                                                <a href="{{{ data.actions.customize }}}" class="button button-primary load-customize hide-if-no-customize"><?php _e( 'Live Preview' ); ?></a>
+                                        <# } #>
                                         <# if ( data.actions.activate ) { #>
                                                 <a href="{{{ data.actions.activate }}}" class="button activate" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _e( 'Activate' ); ?></a>
                                         <# } #>
-                                        <# if ( ! data.blockTheme ) { #>
-                                                <a href="{{{ data.actions.customize }}}" class="button button-primary load-customize hide-if-no-customize"><?php _e( 'Live Preview' ); ?></a>
-                                        <# } #>
                                 <# } else { #>
                                         <?php
                                         /* translators: %s: Theme name. */
                                         $aria_label = sprintf( _x( 'Cannot Activate %s', 'theme' ), '{{ data.name }}' );
                                         ?>
+                                        <# if ( ! data.blockTheme ) { #>
+                                                <a class="button button-primary hide-if-no-customize disabled"><?php _e( 'Live Preview' ); ?></a>
+                                        <# } #>
                                         <# if ( data.actions.activate ) { #>
                                                 <a class="button disabled" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _ex( 'Cannot Activate', 'theme' ); ?></a>
                                         <# } #>
-                                        <# if ( ! data.blockTheme ) { #>
-                                                <a class="button button-primary hide-if-no-customize disabled"><?php _e( 'Live Preview' ); ?></a>
-                                        <# } #>
                                 <# } #>
                         </div>