Skip to content

Commit acab082

Browse files
Improve mobile layout for exercise blocks (#35)
- stack exercise block headers on small screens to prevent inputs and controls from overlapping - allow exercise controls to take full width and align left for better mobile spacing ------ [Codex Task](https://chatgpt.com/codex/tasks/task_e_6922e531f9988325b7338b2a7df5a3c5)
1 parent 66ea397 commit acab082

1 file changed

Lines changed: 16 additions & 0 deletions

File tree

workout-manager.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -159,6 +159,22 @@
159159
grid-template-columns: 1.1fr 1fr;
160160
}
161161
}
162+
163+
@media (max-width: 720px) {
164+
.exercise-block header {
165+
flex-direction: column;
166+
align-items: stretch;
167+
}
168+
169+
.exercise-name-row,
170+
.exercise-controls {
171+
width: 100%;
172+
}
173+
174+
.exercise-controls {
175+
justify-content: flex-start;
176+
}
177+
}
162178
</style>
163179
</head>
164180

0 commit comments

Comments
 (0)