diff --git a/docs/examples/form/alignment.vue b/docs/examples/form/alignment.vue index 41f3f44c93..f06eae973d 100644 --- a/docs/examples/form/alignment.vue +++ b/docs/examples/form/alignment.vue @@ -1,5 +1,5 @@ diff --git a/packages/theme-chalk/src/common/var.scss b/packages/theme-chalk/src/common/var.scss index e13a7c7ab5..a646bde914 100644 --- a/packages/theme-chalk/src/common/var.scss +++ b/packages/theme-chalk/src/common/var.scss @@ -591,7 +591,7 @@ $button-border-radius: map.merge( $button-padding-vertical: () !default; $button-padding-vertical: map.merge( ( - 'large': 12px, + 'large': 13px, 'default': 9px, 'small': 6px, ), diff --git a/packages/theme-chalk/src/form.scss b/packages/theme-chalk/src/form.scss index bc76fe22c9..93e8031069 100644 --- a/packages/theme-chalk/src/form.scss +++ b/packages/theme-chalk/src/form.scss @@ -77,7 +77,8 @@ box-sizing: border-box; } @include e(content) { - display: inline-flex; + display: flex; + flex-wrap: wrap; align-items: center; flex: 1; line-height: calc(var(--font-size) * 2 + 4px); diff --git a/packages/theme-chalk/src/radio-button.scss b/packages/theme-chalk/src/radio-button.scss index 7bb237f55a..767228c793 100644 --- a/packages/theme-chalk/src/radio-button.scss +++ b/packages/theme-chalk/src/radio-button.scss @@ -36,8 +36,8 @@ user-select: none; @include button-size( - map.get($button-padding-vertical, 'default'), - map.get($button-padding-horizontal, 'default'), + map.get($button-padding-vertical, 'default') - $button-border-width, + map.get($button-padding-horizontal, 'default') - $button-border-width, map.get($button-font-size, 'default'), 0 ); @@ -133,8 +133,8 @@ @include m($size) { & .#{$namespace}-radio-button__inner { @include button-size( - map.get($button-padding-vertical, $size), - map.get($button-padding-horizontal, $size), + map.get($button-padding-vertical, $size) - $button-border-width, + map.get($button-padding-horizontal, $size) - $button-border-width, map.get($button-font-size, $size), 0 ); diff --git a/packages/theme-chalk/src/radio.scss b/packages/theme-chalk/src/radio.scss index 8d92574943..2e2176da89 100644 --- a/packages/theme-chalk/src/radio.scss +++ b/packages/theme-chalk/src/radio.scss @@ -182,6 +182,6 @@ @include e(label) { font-size: var(--el-radio-font-size); - padding-left: 10px; + padding-left: 8px; } }