remove 500px height media break

[bejoinka]

User description

with the new fixed bottom next button, the margin-bottom made it difficult to see at 500px or smaller height

---

PR Type

enhancement

---

Description

• Removed the media query that adjusted the margin-bottom for screens with a max-height of 500px in the hostedPageLayout.module.scss file, improving layout consistency.
• Updated the package version in package.json from 0.1.76 to 0.1.77 to reflect the changes.

---

Changes walkthrough 📝

	Relevant files
Enhancement	hostedPageLayout.module.scss Remove margin-bottom adjustment for small heights                src/hostedPages/layouts/HostedPageLayout/hostedPageLayout.module.scss Removed media query for max-height of 500px. Eliminated specific margin-bottom adjustment for small heights. +0/-4
Configuration changes	package.json Bump package version to 0.1.77                                                      package.json Updated version from 0.1.76 to 0.1.77. +1/-1

---

💡 PR-Agent usage: Comment /help "your question" on any pull request to receive relevant information

[github-actions]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Layout Consistency Ensure that the removal of the media query for max-height of 500px does not affect the layout negatively on smaller screens or in different scenarios where the height constraint could be crucial.

[github-actions]

PR Code Suggestions ✨

Explore these optional code suggestions:

Category	Suggestion	Score
Enhancement	Add an alternative styling rule for smaller viewport heights to ensure layout consistency Consider adding an alternative styling rule for smaller heights to maintain visual consistency across different viewport sizes, especially if the removed media query for max-height: 500px was handling critical layout adjustments. src/hostedPages/layouts/HostedPageLayout/hostedPageLayout.module.scss [29-38] .main_content { flex: auto; overflow-y: auto; margin-bottom: 44px; padding: var(--awell-spacing-4); @media (min-width: 640px) { margin-bottom: 55px; } + @media (max-height: 500px) { + margin-bottom: var(--awell-spacing-4); # Adjust as needed + } } Suggestion importance[1-10]: 7 Why: The suggestion addresses the removal of a media query for max-height: 500px, which could affect layout consistency on smaller screens. Reintroducing a similar rule could be important for maintaining visual consistency across different viewport sizes.	7