style: responsify table
Anirudh Oppiliappan x@icyphox.sh
Mon, 04 Apr 2022 17:40:32 +0530
2 files changed,
21 insertions(+),
3 deletions(-)
M
pages/reading.md
→
pages/reading.md
@@ -5,9 +5,9 @@ subtitle: Tracking my reading.
--- | | | | -| :--- | ---: | ---: | +| :--- | --- | ---: | | **2022** | | | -| [Busy Doing Nothing](https://hundredrabbits.itch.io/busy-doing-nothing) | Hundred Rabbits | now reading | +| [Busy Doing Nothing](https://hundredrabbits.itch.io/busy-doing-nothing) | Hundred Rabbits | _now reading_ | | [The Great Hunt](https://en.wikipedia.org/wiki/The_Great_Hunt) | Robert Jordan | ★★★★ | | [The Eye of the World](https://en.wikipedia.org/wiki/The_Eye_of_the_World) | Robert Jordan | ★★★★ | | **2021** | | |
M
static/style.css
→
static/style.css
@@ -173,7 +173,15 @@ text-decoration: none;
} td { - padding-top: 2px; + padding: 2px 11px 0 11px; +} + +td:first-child { + padding-left: 0; +} + +td:last-child { + padding-right: 0; } .index-date {@@ -226,6 +234,16 @@ display: inline-block;
} @media (max-width: 385px) { + table, thead, tbody, th, td, tr { + display: block; + } + td { + padding: 0; + text-align: left; + } + tr { + padding: 10px 0 10px 0; + } nav ul li { display: block; }