Ken Johnson
be5d229e4e
Modernize UI with rounded corners and contemporary design
Apply modern design system principles to replace dated 2013-era styling:
Buttons:
- Rounded corners (0.75rem border-radius)
- Gradient backgrounds with depth
- Smooth hover animations (translateY + shadow)
- Soft box shadows (0 1px 3px → 0 4px 12px on hover)
Cards & Widgets:
- Increased border-radius (1rem)
- Softer shadows (0 2px 8px rgba)
- Hover effects with elevated shadows
- Clean header separation without borders
Forms:
- Rounded inputs (0.75rem)
- Thicker borders (2px) for clarity
- Focus rings with brand color
- Better padding for touch targets
Header:
- Backdrop blur effect (frosted glass)
- Semi-transparent background (rgba 0.95)
- Removed hard borders for cleaner look
- Larger, softer shadows
Tables & Dropdowns:
- Rounded tables with overflow hidden
- Subtle row hover effects
- Modern dropdown styling with shadows
- Smooth transitions on all interactions
This addresses the feedback that buttons were "blocky/chunky and still
resemble websites from 2013" by implementing 2024 design trends.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-07 01:57:34 -05:00
..
2021-04-30 17:23:48 +09:00
2014-07-05 20:17:27 -05:00
2025-12-07 00:57:54 -05:00
2025-12-07 01:57:34 -05:00
2017-12-12 15:19:22 -06:00
2017-10-23 21:10:22 -05:00
2020-05-13 17:22:53 -07:00
2020-03-26 10:50:41 -07:00
2025-12-07 01:10:44 -05:00
2014-07-05 20:17:27 -05:00
2025-12-07 00:36:21 -05:00
2017-11-13 14:44:37 -05:00
2013-12-04 00:57:32 -06:00
2020-07-09 15:03:54 -07:00
2020-03-27 09:43:51 -07:00