CC-46: Increase Action Sheet Bottom Spacing

[ianpaschal]

Fixes CC-46

Summary by CodeRabbit

• Style
  • Enhanced mobile menu bottom spacing for improved visual presentation on all mobile devices. This adjustment provides better accommodation for devices with notches, home indicators, and system navigation gestures while maintaining safe-area compatibility. Delivers a more refined appearance and better overall mobile experience.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: beb8fde5-fafc-4633-90c2-5affe4bc4cee

📥 Commits

Reviewing files that changed from the base of the PR and between 28bfaa8 and d9e6614.

📒 Files selected for processing (1)

• src/components/Menu/components/MobileMenu/MobileMenu.module.scss

---

Walkthrough

The PR updates the mobile menu popup component's bottom padding from 1rem to 2rem. The change increases spacing between the menu content and the bottom edge while maintaining the safe-area-inset calculation for devices with notches or home indicators. The modification is a single-line style adjustment in the MobileMenu SCSS module.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The pull request title directly describes the main change: increasing bottom spacing for the action sheet (mobile menu), which aligns with the single-line SCSS modification.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch ian/cc-46-increase-action-sheet-bottom-spacing

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 Stylelint (17.11.0)

src/components/Menu/components/MobileMenu/MobileMenu.module.scss

ConfigurationError: Could not find "stylelint-config-clean-order". Do you need to install the package or use the "configBasedir" option?
at getModulePath (file:///usr/local/lib/node_modules/stylelint/lib/utils/getModulePath.mjs:29:9)
at loadExtendedConfig (file:///usr/local/lib/node_modules/stylelint/lib/augmentConfig.mjs:285:21)
at extendConfig (file:///usr/local/lib/node_modules/stylelint/lib/augmentConfig.mjs:252:25)
at async augmentConfigBasic (file:///usr/local/lib/node_modules/stylelint/lib/augmentConfig.mjs:85:20)
at async augmentConfigFull (file:///usr/local/lib/node_modules/stylelint/lib/augmentConfig.mjs:138:24)
at async getConfigForFile (file:///usr/local/lib/node_modules/stylelint/lib/getConfigForFile.mjs:102:26)
at async resolveOptionValue (file:///usr/local/lib/node_modules/stylelint/lib/utils/resolveOptionValue.mjs:27:24)
at async standalone (file:///usr/local/lib/node_modules/stylelint/lib/standalone.mjs:127:22)

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}