| @@ -23,9 +23,11 @@ | ||
| 23 | 23 | |
| 24 | 24 | /* Focus state for select fields */ |
| 25 | 25 | select:focus { |
| 26 | 26 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%234f46e5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); |
| 27 | -} | |
| 27 | + background-repeat: no-repeat; | |
| 28 | + background-position:right; | |
| 29 | + } | |
| 28 | 30 | |
| 29 | 31 | /* Specific styling for select fields with pr-10 class (which already has right padding) */ |
| 30 | 32 | select.pr-10 { |
| 31 | 33 | background-position: right 0.75rem center; |
| @@ -403,9 +405,15 @@ | ||
| 403 | 405 | |
| 404 | 406 | #wpbody-content { |
| 405 | 407 | display: flex; |
| 406 | 408 | flex-direction: column; |
| 407 | - height: 100vh; | |
| 409 | + /* Was `height: 100vh` — that pinned the container to exactly the | |
| 410 | + viewport and clipped any page longer than the viewport. Using | |
| 411 | + `min-height: 100vh` instead lets the column grow when content | |
| 412 | + overflows, while still giving short pages a full-viewport base | |
| 413 | + so .easy-invoice-admin (with `flex: 1` below in main-template.php) | |
| 414 | + fills the page background to the bottom edge. */ | |
| 415 | + min-height: 100vh; | |
| 408 | 416 | } |
| 409 | 417 | |
| 410 | 418 | .invoice-item.collapsed-item .item-content { |
| 411 | 419 | display: none; |
