From 90837f6e3bdc6ca50c81e9db963378c586221be2 Mon Sep 17 00:00:00 2001 From: Gronod Date: Sun, 24 May 2026 23:18:59 +0100 Subject: [PATCH 1/2] fix: mobile overflow on Requests tab cards - Remove white-space: nowrap from .request-title so long titles truncate/wrap instead of forcing cards beyond the viewport width - Add overflow-x: hidden to .requests-list as a safety net - Add @media (max-width: 768px) rules for the requests section: reduce .requests-container padding from 20px to 12px, tighten .request-card and .request-meta gaps on mobile Fixes #49 --- public/style.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/public/style.css b/public/style.css index 76888c0..9f64d48 100644 --- a/public/style.css +++ b/public/style.css @@ -1888,6 +1888,18 @@ body { /* ===== Mobile ===== */ @media (max-width: 768px) { + .requests-container { + padding: 12px; + } + + .request-card { + gap: 8px; + } + + .request-meta { + gap: 4px; + } + .app { padding: 10px; } @@ -2234,6 +2246,7 @@ body { .requests-list { display: grid; gap: 12px; + overflow-x: hidden; } .request-card { @@ -2273,7 +2286,6 @@ body { font-weight: 600; color: var(--text-primary); margin-bottom: 4px; - white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } From b8870ca6cff4d78f2c8d10ef4d8680ce0cb425b6 Mon Sep 17 00:00:00 2001 From: Gronod Date: Sun, 24 May 2026 23:26:27 +0100 Subject: [PATCH 2/2] chore: bump version to 1.7.18 and update CHANGELOG and docs --- CHANGELOG.md | 8 ++++++++ package-lock.json | 4 ++-- package.json | 2 +- server/openapi.yaml | 2 +- 4 files changed, 12 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 5304be3..eef4753 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,14 @@ All notable changes to this project will be documented in this file. Format follows [Keep a Changelog](https://keepachangelog.com/en/1.0.0/). This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). +## [1.7.18] - 2026-05-24 + +### Fixed + +- **Mobile overflow on Requests tab** — Request cards no longer extend off the right edge of the screen on mobile browsers. Removed `white-space: nowrap` from `.request-title` to allow text truncation with ellipsis, added `overflow-x: hidden` to `.requests-list` as a safety net, and added `@media (max-width: 768px)` rules to reduce padding and tighten gaps on mobile. Resolves Gitea Issue [#49](https://git.i3omb.com/Gandalf/sofarr/issues/49). + +--- + ## [1.7.17] - 2026-05-24 ### Fixed diff --git a/package-lock.json b/package-lock.json index 4186396..85d83ac 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "sofarr", - "version": "1.7.17", + "version": "1.7.18", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "sofarr", - "version": "1.7.17", + "version": "1.7.18", "license": "MIT", "dependencies": { "axios": "^1.6.0", diff --git a/package.json b/package.json index 586dc92..b68f464 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "sofarr", - "version": "1.7.17", + "version": "1.7.18", "description": "A personal media download dashboard that shows your downloads 'so far' while you relax on the sofa waiting for your *arr services to finish", "main": "server/index.js", "scripts": { diff --git a/server/openapi.yaml b/server/openapi.yaml index 4a49524..df8f9b0 100644 --- a/server/openapi.yaml +++ b/server/openapi.yaml @@ -22,7 +22,7 @@ info: ## SSE Streaming Real-time updates are available via Server-Sent Events at GET /api/dashboard/stream. - version: 1.7.17 + version: 1.7.18 contact: name: sofarr license: