Fix select-control component label value alignment css style (https://github.com/woocommerce/woocommerce-admin/pull/8045)

* Fix(select-control): fix label value alignment

Add padding to input value to have same algin space with input label.

fixed issue 7786

* Add changelogs

Fix changelog entry

Add changelogs
This commit is contained in:
Chi-Hsuan Huang 2021-12-20 17:54:22 +08:00 committed by GitHub
parent 2579f063d9
commit a04ac544f8
3 changed files with 9 additions and 0 deletions

View File

@ -0,0 +1,4 @@
Significance: patch
Type: Fix
Fix select-control component label/value alignment. #8045

View File

@ -1,6 +1,7 @@
# Unreleased
- Fix usage of Wordpress DatePicker component in `DatePicker`. #7982
- Fix select-control component label/value alignment. #8045
# 8.1.1

View File

@ -152,5 +152,9 @@
font-size: 12px;
margin-top: -$gap-small;
}
.woocommerce-select-control__control-input {
padding-left: 12px;
}
}
}