#1037 - [PR #409] [CLOSED] fix(UI): Printers Page - Improve mobile responsiveness and card layout - starred/bambuddy-maziggy-1

## 📋 Pull Request Information **Original PR:** https://github.com/maziggy/bambuddy/pull/409 **Author:** [@aneopsy](https://github.com/aneopsy) **Created:** 2/17/2026 **Status:** ❌ Closed **Base:** `0.2.1` ← **Head:** `printer-ui-improvement` --- ### 📝 Commits (6) - [`8c75b12`](https://github.com/maziggy/bambuddy/commit/8c75b1249f8f9e8ecd09240fc6097b1b68337d04) fix(printers): improve mobile responsiveness and card layout - [`4997f15`](https://github.com/maziggy/bambuddy/commit/4997f15fa37156090795f0d9eb99cc197721a7a7) fix(printers): resolve Tailwind class conflict and optimize media query listener - [`be49bce`](https://github.com/maziggy/bambuddy/commit/be49bce17523d686848372bee47d661ae85dd979) - Remove margin bottom on PrinterQueueWidget - [`c62101e`](https://github.com/maziggy/bambuddy/commit/c62101e84d4eab55dfe929fe8662e89bfb678b14) refactor(printers): AMS section layout improvements - [`802059b`](https://github.com/maziggy/bambuddy/commit/802059b618fbe096a5c2284348ab88270a4d0191) refactor(ams): extract AMSUnitCard and clean up card layout - [`203fb81`](https://github.com/maziggy/bambuddy/commit/203fb818433a8bea599ecff631252e121711f25d) Merge branch '0.2.1b' into printer-ui-improvement ### 📊 Changes **5 files changed** (+700 additions, -857 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/__tests__/components/Card.test.tsx` (+1 -1) ➕ `frontend/src/components/AMSUnitCard.tsx` (+459 -0) 📝 `frontend/src/components/Card.tsx` (+1 -1) 📝 `frontend/src/components/PrinterQueueWidget.tsx` (+2 -2) 📝 `frontend/src/pages/PrintersPage.tsx` (+237 -853) </details> ### 📄 Description ## Description - Increase printer image background size - Make AMS-HT and External sections responsive on mobile - Pin action buttons to bottom of card - Normalize spacing between elements - Expand card width on mobile for even distribution - Improve AMS filament material visibility on mobile - Remove L and XL card size options on mobile (redundant with M size) ## Type of Change - [x] Bug fix (non-breaking change that fixes an issue) - [ ] New feature (non-breaking change that adds functionality) - [ ] Breaking change (fix or feature that would cause existing functionality to change) - [ ] Documentation update - [ ] Code refactoring - [ ] Performance improvement - [ ] Test addition or update ## Screenshots ### Desktop Before: <img width="955" height="877" alt="Screenshot 2026-02-16 at 9 22 37 PM" src="https://github.com/user-attachments/assets/21768371-7fd3-427e-a617-7e4c90154013" /> After: <img width="967" height="878" alt="Screenshot 2026-02-16 at 9 21 31 PM" src="https://github.com/user-attachments/assets/cbeea8e2-01d8-4034-aac2-bf265d6c65fd" /> ### Mobile (iPhone 12 Pro) Before: <img width="377" height="46" alt="Screenshot 2026-02-16 at 9 36 51 PM" src="https://github.com/user-attachments/assets/6c6dd1fc-7437-4d40-8037-3276c4fb5e59" /> <img width="404" height="861" alt="Screenshot 2026-02-16 at 9 22 26 PM" src="https://github.com/user-attachments/assets/38788e19-4e24-4fb8-9bc9-e4c4007817d8" /> After: <img width="377" height="42" alt="Screenshot 2026-02-16 at 9 37 23 PM" src="https://github.com/user-attachments/assets/504cf1aa-4a53-4937-bc1c-4a54c28a9820" /> <img width="403" height="859" alt="Screenshot 2026-02-16 at 9 21 55 PM" src="https://github.com/user-attachments/assets/861b286f-63b0-4da2-af73-b8459ca564f8" /> ## Testing  - [X] I have tested this on my local machine - [X] I have tested with my printer model: H2S, H2D, X1C ## Checklist - [x] My code follows the project's coding style - [x] I have commented my code where necessary - [x] I have updated the documentation (if needed) - [x] My changes generate no new warnings - [x] I have tested my changes thoroughly --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

BreizhHardware commented

2026-05-07 00:15:37 +02:00

Owner

📋 Pull Request Information

Original PR: https://github.com/maziggy/bambuddy/pull/409
Author: @aneopsy
Created: 2/17/2026
Status: ❌ Closed

Base: 0.2.1 ← Head: printer-ui-improvement

📝 Commits (6)

8c75b12 fix(printers): improve mobile responsiveness and card layout
4997f15 fix(printers): resolve Tailwind class conflict and optimize media query listener
be49bce - Remove margin bottom on PrinterQueueWidget
c62101e refactor(printers): AMS section layout improvements
802059b refactor(ams): extract AMSUnitCard and clean up card layout
203fb81 Merge branch '0.2.1b' into printer-ui-improvement

📊 Changes

5 files changed (+700 additions, -857 deletions)

View changed files

📝 frontend/src/__tests__/components/Card.test.tsx (+1 -1)
➕ frontend/src/components/AMSUnitCard.tsx (+459 -0)
📝 frontend/src/components/Card.tsx (+1 -1)
📝 frontend/src/components/PrinterQueueWidget.tsx (+2 -2)
📝 frontend/src/pages/PrintersPage.tsx (+237 -853)

📄 Description

Description

Increase printer image background size
Make AMS-HT and External sections responsive on mobile
Pin action buttons to bottom of card
Normalize spacing between elements
Expand card width on mobile for even distribution
Improve AMS filament material visibility on mobile
Remove L and XL card size options on mobile (redundant with M size)

Type of Change

Bug fix (non-breaking change that fixes an issue)
New feature (non-breaking change that adds functionality)
Breaking change (fix or feature that would cause existing functionality to change)
Documentation update
Code refactoring
Performance improvement
Test addition or update