mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-09-04 08:47:23 +08:00
🐛 Fix issue with horizontally-aligned controls
This commit is contained in:
parent
911d84204b
commit
695a91ac07
1 changed files with 6 additions and 3 deletions
|
@ -2,9 +2,7 @@
|
|||
display: flex;
|
||||
-webkit-box-align: stretch;
|
||||
align-items: stretch;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
justify-content: center;
|
||||
|
||||
.components-h-stack {
|
||||
flex-direction: row;
|
||||
|
@ -12,8 +10,13 @@
|
|||
gap: 32px;
|
||||
}
|
||||
|
||||
.components-v-stack {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
// Fix layout for checkboxes inside a flex-stack.
|
||||
.components-checkbox-control >.components-base-control__field > .components-flex {
|
||||
.components-checkbox-control > .components-base-control__field > .components-flex {
|
||||
flex-direction: row;
|
||||
gap: 12px;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue