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
This commit is contained in:
2026-05-24 23:18:59 +01:00
parent 7690d959b3
commit 90837f6e3b
+13 -1
View File
@@ -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;
}