Николай,
Понятно.
Стили от ссылок нужно присвоить к td.
Номера дней вместо ссылки обернуть в span.
Ячейкам задать вертикальное выравнивание по верху vertical-align: top
Поставить отступы.
Возможно, разобраться с границами.
Возможно, будет удобнее работать с моделью box-sizing: border-box.
Также:
Обдумать количество ссылок и длину текста.
Дело в том, что сейчас ячейки закрашены градиентом. При увеличении какой-то строки, градиент в ней будет выглядеть не так, как в остальных. Т.е. нужно либо обрезать текст так, чтобы ячейки (строки) были всегда одинаковой высоты либо изменить точки градиента (не в процентах, а фикс) либо заменить его на чистый цвет.
И, судя по наличию в стилях класса .active javascript там всё таки подразумевался.
Тогда нужно сделать 2 вещи:
1. Выложить сюда ссылку на пациента.
2. На телефоне открыть вот это и выложить сюда результат. Можно скрином, можно текстом.
1. Вообще уберите исходные a из ячеек. Перепишите стили.
2. И уберите из кода про древние ИЕ, вряд ли ваша целевая аудитория ими действительно пользуется.
3.
Если п.1. не достаточно, то
Выложите код в песочницу на jsfiddle.net или codepen.io
Aiode, разметка с дополнительным li для картинки в любом случае семантически неверная. Если все таки решите использовать js, то блок с картинкой нужно вынимать из списка.
А еще, если прямоугольников много, а не сделано только для примера, то разумнее использовать
this, а не переписывать по 3 раза каждую строчку.