version 3.0.7: add mobile view dropdown, improve toolbar layout, fix overflow issues

Major improvements to toolbar responsiveness and layout stability:

- Add mobile-responsive view switcher: view buttons collapse into dropdown menu at ≤640px
- Replace flexbox with CSS Grid for stable toolbar layout (prevents button repositioning)
- Add disabled state for navigation/today buttons in list view
- Implement uniform row heights in month view (pre-calculates max slots across all weeks)
- Fix horizontal scrollbar issues with strategic overflow-x: clip
- Fix tooltip clipping on calendar edges
- Improve toolbar compactness: reduced padding, gaps, and font sizes
- Update bundle sizes in README: 45KB JS + 22KB CSS (was 42KB + 20KB)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: pclslopes

CHANGELOG.md

@@ -9,6 +9,54 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 No unreleased changes yet.
 
+## [3.0.7] - 2026-02-25
+
+### Breaking Changes
+- **Removed `maxEventsPerCell` option** - Calendar now always automatically calculates optimal event display based on available space
+  - Month view cells intelligently adapt to container height
+  - Events are automatically limited based on cell height with "+N more" indicator
+  - Cells flex naturally when container is resized
+  - Simplified API - no manual configuration needed
+
+### Added
+- **Mobile-responsive view switcher** - View buttons transform into compact dropdown menu at screen widths ≤640px
+  - Single icon button (⊞) replaces four view buttons to save toolbar space
+  - Dropdown includes all view options (Month, Week, Day, List) plus Today button
+  - Today button in dropdown shows active state when calendar displays today's date
+  - Automatic breakpoint at 640px width
+- **List view toolbar controls** - Navigation and Today buttons now visible in list view but appear disabled (grayed out)
+  - Maintains visual consistency across all views
+  - Clear indication that navigation doesn't apply to list view
+  - Applies to both desktop toolbar and mobile dropdown
+
+### Changed
+- **Toolbar layout system** - Replaced flexbox with CSS Grid for more stable button positioning
+  - Three equal columns (left buttons, center title, right buttons)
+  - Buttons no longer switch positions or overflow at narrow widths
+  - Date title abbreviates with ellipsis instead of wrapping to new line
+  - Removed all responsive media queries that caused layout shifts
+- **Uniform row heights in month view** - All week rows maintain consistent height in natural sizing mode
+  - Pre-calculates maximum event slots across entire month
+  - Empty rows no longer appear shorter than rows with events
+  - Improved visual consistency and polish
+- **Overflow management** - Strategic use of `overflow-x: clip` prevents horizontal scrollbars while maintaining tooltip visibility
+  - Tooltips can still escape calendar boundaries (via parent `overflow-x: visible`)
+  - No unwanted scrollbars in month, week, or day views
+- **Compact toolbar styling** - Reduced button padding and gaps to maximize space efficiency
+  - All buttons: 4px vertical × 6px horizontal padding (was 5px × 10px)
+  - Toolbar gap: 4px (was 8px)
+  - Font sizes: title 14px, buttons 12px
+- Calendar now always uses `height: 100%` to fill parent container
+- Month view cells flex to fit available space instead of using fixed min-height
+- All views consistently respect container dimensions
+- Removed `--cal-cell-min-height` CSS custom property (no longer needed)
+
+### Fixed
+- Toolbar buttons no longer disappear or overflow off-screen at narrow widths
+- Date title no longer jumps to new line when calendar is resized
+- Horizontal scrollbars no longer appear in month/week/day views
+- Tooltips display correctly on all edges without being clipped
+
 ## [3.0.6] - 2026-02-24
 
 ### Added

README.md

@@ -3,7 +3,7 @@
 A lightweight, zero-dependency JavaScript calendar component with internationalization support and framework wrappers for React, Vue, and Angular.
 
 [![npm version](https://img.shields.io/npm/v/simple-calendar-js)](https://www.npmjs.com/package/simple-calendar-js)
-[![license](https://img.shields.io/npm/l/simple-calendar-js)](LICENSE)
+[![license](https://img.shields.io/npm/l/simple-calendar-js)](https://unpkg.com/simple-calendar-js/LICENSE)
 
 ## Features
 
@@ -17,7 +17,7 @@ A lightweight, zero-dependency JavaScript calendar component with internationali
 - **Responsive Design** - Adapts to any screen size
 - **Customizable Styling** - CSS custom properties for easy theming
 - **Accessible** - Semantic HTML with proper ARIA attributes
-- **Small Bundle Size** - ~42KB minified JS + ~20KB CSS (~15KB total gzipped)
+- **Small Bundle Size** - ~45KB minified JS + ~22KB CSS (~16KB total gzipped)
 
 ## Installation
 
@@ -168,7 +168,6 @@ export class CalendarComponent {
 | `showTimeInItems` | boolean | `true` | Show time in event items |
 | `showGridLines` | boolean | `true` | Show calendar grid lines |
 | `showBorder` | boolean | `true` | Show calendar outer border |
-| `maxEventsPerCell` | number | `-1` | Maximum events per cell in month view. `-1` = auto-calculate based on cell height (responsive), `0` = unlimited (show all events), `1+` = show exactly that number |
 | `showToolbar` | boolean | `true` | Show the toolbar |
 | `showTodayButton` | boolean | `true` | Show "Today" button |
 | `showNavigation` | boolean | `true` | Show prev/next navigation arrows |
@@ -1125,12 +1124,3 @@ This project is available for personal, educational, and non-commercial use.
 **Commercial use requires a separate license.** See [LICENSE](LICENSE) file for full terms.
 
 For commercial licensing inquiries: simplecalendarjs@gmail.com
-
-## Links
-
-- **Documentation**: [docs.html](docs.html)
-- **Demo**: [index.html](index.html)
-- **Changelog**: [CHANGELOG.md](CHANGELOG.md)
-- **Repository**: [github.com/pclslopes/SimpleCalendarJs](https://github.com/pclslopes/SimpleCalendarJs)
-- **NPM**: [npmjs.com/package/simple-calendar-js](https://www.npmjs.com/package/simple-calendar-js)
-- **Website**: [simplecalendarjs.com](https://www.simplecalendarjs.com)