| @@ -1085,8 +1085,35 @@ | ||
| 1085 | 1085 | overflow: hidden; |
| 1086 | 1086 | } |
| 1087 | 1087 | |
| 1088 | 1088 | /* Legacy styles maintained for backward compatibility */ |
| 1089 | +.metasync-seo-priority-control { | |
| 1090 | + max-width: 760px; | |
| 1091 | +} | |
| 1092 | + | |
| 1093 | +.metasync-seo-priority-control > label { | |
| 1094 | + display: inline-flex; | |
| 1095 | + align-items: center; | |
| 1096 | + gap: 7px; | |
| 1097 | + line-height: 1.4; | |
| 1098 | + cursor: pointer; | |
| 1099 | +} | |
| 1100 | + | |
| 1101 | +.metasync-seo-priority-control > label strong { | |
| 1102 | + font-weight: 600; | |
| 1103 | +} | |
| 1104 | + | |
| 1105 | +.metasync-seo-priority-control .description { | |
| 1106 | + margin: 8px 0 0; | |
| 1107 | + line-height: 1.65; | |
| 1108 | +} | |
| 1109 | + | |
| 1110 | +.metasync-seo-priority-control .metasync-seo-priority-note { | |
| 1111 | + display: inline-block; | |
| 1112 | + margin-top: 2px; | |
| 1113 | + font-weight: 500; | |
| 1114 | +} | |
| 1115 | + | |
| 1089 | 1116 | .table { |
| 1090 | 1117 | border: 0px; |
| 1091 | 1118 | margin: 0px; |
| 1092 | 1119 | } |
| @@ -2155,5 +2182,49 @@ | ||
| 2155 | 2182 | |
| 2156 | 2183 | .msrp-pill-supported { |
| 2157 | 2184 | background: rgba(34, 113, 177, 0.1); |
| 2158 | 2185 | color: var(--dashboard-accent, #2271b1); |
| 2159 | -} | |
| 2186 | +} | |
| 2187 | + | |
| 2188 | +/* Lays the logo preview out as image + remove control side by side, | |
| 2189 | + top-aligned to the image's upper-right, with real spacing between | |
| 2190 | + them instead of an inline WP core button that renders full-size and | |
| 2191 | + flush against the image with no gap. */ | |
| 2192 | +.metasync-logo-preview-wrap { | |
| 2193 | + display: inline-flex; | |
| 2194 | + align-items: flex-start; | |
| 2195 | + gap: 16px; | |
| 2196 | +} | |
| 2197 | + | |
| 2198 | +#local_seo_logo_close_btn.metasync-logo-remove-btn { | |
| 2199 | + box-sizing: border-box; | |
| 2200 | + width: 32px; | |
| 2201 | + height: 32px; | |
| 2202 | + min-height: 32px; | |
| 2203 | + padding: 0; | |
| 2204 | + margin: 0; | |
| 2205 | + flex-shrink: 0; | |
| 2206 | + /* WP core's .wp-core-ui .button line-height is tuned for a text | |
| 2207 | + label, not a fixed-size square icon; reset it so the glyph | |
| 2208 | + stays centered instead of inflating the button box. */ | |
| 2209 | + line-height: 27px !important; | |
| 2210 | + font-size: 16px; | |
| 2211 | + font-weight: 700; | |
| 2212 | + text-align: center; | |
| 2213 | + /* !important: WP core's .button-secondary text/background rules | |
| 2214 | + otherwise win the cascade — the glyph rendered white-on-white, | |
| 2215 | + and a hardcoded white fill clashed with dark admin color | |
| 2216 | + schemes. Transparent lets whatever sits behind it show through | |
| 2217 | + in both light and dark themes; only the border/glyph are red. */ | |
| 2218 | + color: #d63638 !important; | |
| 2219 | + background: transparent !important; | |
| 2220 | + border: 2px solid #d63638; | |
| 2221 | + border-radius: 6px; | |
| 2222 | + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); | |
| 2223 | + cursor: pointer; | |
| 2224 | +} | |
| 2225 | + | |
| 2226 | +#local_seo_logo_close_btn.metasync-logo-remove-btn:hover, | |
| 2227 | +#local_seo_logo_close_btn.metasync-logo-remove-btn:focus { | |
| 2228 | + background: #d63638 !important; | |
| 2229 | + color: #fff !important; | |
| 2230 | +} | |
