diff --git a/src/frontend/static/style.css b/src/frontend/static/style.css index 72723f1..2045735 100644 --- a/src/frontend/static/style.css +++ b/src/frontend/static/style.css @@ -371,7 +371,7 @@ main { .period { padding: 8px 14px; display: grid; - grid-template-columns: 96px 1fr; + grid-template-columns: 96px minmax(0, 1fr); gap: 14px; border-bottom: 1px solid var(--border); } @@ -414,6 +414,10 @@ main { border: 1px solid var(--border); padding: 7px 11px; background: var(--surface-2); + min-width: 0; + /* длинные ссылки/слова переносятся, а не растягивают карточку на телефоне */ + word-break: break-word; + overflow-wrap: anywhere; } .lesson:hover { border-color: var(--accent); } @@ -575,7 +579,7 @@ main { .side-menu a.active { border-bottom-color: #ffffff; } main { padding: 16px 12px 30px; } - .period { grid-template-columns: 80px 1fr; gap: 10px; } + .period { grid-template-columns: 80px minmax(0, 1fr); gap: 10px; } } /* ---- занятость аудиторий по дню ---- */ @@ -652,6 +656,9 @@ main { border: 1px solid var(--border); padding: 14px; margin-bottom: 12px; + min-width: 0; + word-break: break-word; + overflow-wrap: anywhere; } .room-title { line-height: 1.3; } @@ -664,7 +671,7 @@ main { .room-row { display: grid; - grid-template-columns: 96px 1fr; + grid-template-columns: 96px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-top: 1px solid var(--border);