Во‑первых, избавиться от кучи графического мусора в виде вложенных друг в друга плашек и рамок:
Во‑вторых, починить вёрстку, заодно избавившись от избыточной информации:
В‑третьих, убрать зелёность, потому что она ничего не значит, и выпадайку дней, потому что проще прокрутить страницу:
Переключалку класса, возможно, тоже можно как‑то проявить. Сколько там классов всего? Может, проще их сразу показать?
На мобиле можно просто перенести задание на следующую строку и отрегулировать ширину по вкусу:
Как верстать таблицы, короткий ответ: 1) не растягивать в ширину больше, чем необходимо для данных; 2) не рисовать линейки и чересполосицу; 3) выравнивать всё по левому верхнему краю ячеек.