To edit new
Fix ProJobs Mobile Responsiveness and Horizontal Overflow
Problem
On iPhone Safari, the ProJobs dashboard is wider than the viewport. Content is cut off on both sides, including the welcome banner, dashboard navigation tabs, draft cards, and job-posting form.
Objective
Fix the underlying responsive-layout problems without redesigning the website or breaking existing functionality.
Requirements
1. Inspect before changing code  
* Identify the affected page, shared dashboard layout, navigation, banners, cards, and job form.
* Find fixed widths, excessive min-width values, overflowing flex/grid children, and incorrect viewport settings.
* Check whether the issue comes from the global layout or individual components.
2. Correct the viewport and base CSS  
* Ensure the document has the correct mobile viewport meta tag.
* Apply box-sizing: border-box consistently.
* Make page containers fit the available viewport width.
* Remove unnecessary fixed widths and minimum widths that force mobile overflow.
* Ensure inputs, textareas, buttons, cards, and form sections do not exceed their parent containers.
3. Fix the dashboard navigation  
* Make navigation responsive on narrow screens.
* If all tabs cannot fit, use a deliberate horizontal scrolling tab bar or an appropriate mobile navigation layout.
* Do not allow the navigation to expand the entire page width.
4. Fix the welcome banner and dashboard content

To edit new
Fix ProJobs Mobile Responsiveness and Horizontal Overflow
Problem
On iPhone Safari, the ProJobs dashboard is wider than the viewport. Content is cut off on both sides, including the welcome banner, dashboard navigation tabs, draft cards, and job-posting form.
Objective
Fix the underlying responsive-layout problems without redesigning the website or breaking existing functionality.
Requirements
1. Inspect before changing code  
* Identify the affected page, shared dashboard layout, navigation, banners, cards, and job form.
* Find fixed widths, excessive min-width values, overflowing flex/grid children, and incorrect viewport settings.
* Check whether the issue comes from the global layout or individual components.
2. Correct the viewport and base CSS  
* Ensure the document has the correct mobile viewport meta tag.
* Apply box-sizing: border-box consistently.
* Make page containers fit the available viewport width.
* Remove unnecessary fixed widths and minimum widths that force mobile overflow.
* Ensure inputs, textareas, buttons, cards, and form sections do not exceed their parent containers.
3. Fix the dashboard navigation  
* Make navigation responsive on narrow screens.
* If all tabs cannot fit, use a deliberate horizontal scrolling tab bar or an appropriate mobile navigation layout.
* Do not allow the navigation to expand the entire page width.
4. Fix the welcome banner and dashboard content