diff --git a/public/styles/dashboard.css b/public/styles/dashboard.css index 61f5649..d75293c 100644 --- a/public/styles/dashboard.css +++ b/public/styles/dashboard.css @@ -371,11 +371,16 @@ display: inline-flex; align-items: center; gap: var(--space-0h); - transition: opacity var(--transition-fast); + transition: opacity var(--transition-fast), background-color var(--transition-fast); + min-height: var(--target-base); + padding: 0 var(--space-2); + border-radius: var(--radius-sm); + margin-right: calc(-1 * var(--space-2)); } .widget__link:hover { - opacity: 0.7; + opacity: 1; + background-color: color-mix(in srgb, var(--widget-accent, var(--color-accent)) 10%, transparent); } .widget__badge { diff --git a/public/styles/layout.css b/public/styles/layout.css index 1102fd9..02bba13 100755 --- a/public/styles/layout.css +++ b/public/styles/layout.css @@ -898,8 +898,8 @@ } .modal-panel__close { - width: var(--target-md); - height: var(--target-md); + width: var(--target-base); + height: var(--target-base); display: flex; align-items: center; justify-content: center;