Fix theme card button positioning: - Make theme-actions span full width - Add proper spacing and alignment - Fix button margin and padding - Update border style from left to top

This commit is contained in:
Marcus Quinn
2025-03-14 04:41:51 +00:00
parent 1619538ea0
commit 5f3d937cce

View File

@ -315,6 +315,7 @@ function wpa_superstar_ajax_get_theme() {
box-shadow: 0 1px 1px rgba(0,0,0,.04); box-shadow: 0 1px 1px rgba(0,0,0,.04);
background: #fff; background: #fff;
min-height: 330px; min-height: 330px;
padding-bottom: 50px;
} }
.theme-browser .theme .theme-screenshot { .theme-browser .theme .theme-screenshot {
display: block; display: block;
@ -346,10 +347,12 @@ function wpa_superstar_ajax_get_theme() {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: 0; right: 0;
left: 0;
height: 50px;
padding: 10px; padding: 10px;
background: rgba(244,244,244,.7); background: rgba(244,244,244,.7);
border-left: 1px solid rgba(0,0,0,.05); border-top: 1px solid rgba(0,0,0,.05);
height: auto; text-align: right;
z-index: 1; z-index: 1;
} }
.theme-browser .theme:hover .theme-actions { .theme-browser .theme:hover .theme-actions {
@ -374,6 +377,9 @@ function wpa_superstar_ajax_get_theme() {
.theme-browser .theme:hover .theme-author { .theme-browser .theme:hover .theme-author {
opacity: 1; opacity: 1;
} }
.theme-browser .theme .theme-actions .button {
margin-left: 5px;
}
</style> </style>
<div class="theme-browser"> <div class="theme-browser">
<div class="themes wp-clearfix"> <div class="themes wp-clearfix">