diff --git a/components/lib/speeddial/style/SpeedDialStyle.js b/components/lib/speeddial/style/SpeedDialStyle.js index 478516438..ca7bc9f9e 100644 --- a/components/lib/speeddial/style/SpeedDialStyle.js +++ b/components/lib/speeddial/style/SpeedDialStyle.js @@ -4,13 +4,11 @@ const theme = ({ dt }) => ` .p-speeddial { position: static; display: flex; - gap: 0.25rem; + gap: ${dt('speeddial.gap')}; } .p-speeddial-button { z-index: 1; - width: 2.5rem; - height: 2.5rem; } .p-speeddial-button.p-speeddial-rotate { @@ -30,7 +28,7 @@ const theme = ({ dt }) => ` pointer-events: none; outline: 0 none; z-index: 2; - gap: 0.25rem; + gap: ${dt('speeddial.gap')}; } .p-speeddial-item { diff --git a/components/lib/themes/aura/speeddial/index.js b/components/lib/themes/aura/speeddial/index.js index ff8b4c563..6c90e496d 100644 --- a/components/lib/themes/aura/speeddial/index.js +++ b/components/lib/themes/aura/speeddial/index.js @@ -1 +1,5 @@ -export default {}; +export default { + root: { + gap: '0.5rem' + } +}; diff --git a/components/lib/themes/lara/button/index.js b/components/lib/themes/lara/button/index.js index 0f60b3e0d..6b372e221 100644 --- a/components/lib/themes/lara/button/index.js +++ b/components/lib/themes/lara/button/index.js @@ -5,7 +5,7 @@ export default { gap: '0.5rem', paddingX: '{form.field.padding.x}', paddingY: '{form.field.padding.y}', - iconOnlyWidth: '2.5rem', + iconOnlyWidth: '2.75rem', sm: { fontSize: '0.875rem', paddingX: '0.625rem', diff --git a/components/lib/themes/lara/speeddial/index.js b/components/lib/themes/lara/speeddial/index.js index ff8b4c563..6c90e496d 100644 --- a/components/lib/themes/lara/speeddial/index.js +++ b/components/lib/themes/lara/speeddial/index.js @@ -1 +1,5 @@ -export default {}; +export default { + root: { + gap: '0.5rem' + } +};