diff --git a/bookwyrm/static/css/bookwyrm.css b/bookwyrm/static/css/bookwyrm.css index 5b5b3258..c019f996 100644 --- a/bookwyrm/static/css/bookwyrm.css +++ b/bookwyrm/static/css/bookwyrm.css @@ -265,15 +265,18 @@ body { } @media only screen and (max-width: 768px) { - table.is-mobile, table.is-mobile tbody { + table.is-mobile, + table.is-mobile tbody { display: block; } + table.is-mobile tr { display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #dbdbdb; } + table.is-mobile td { display: block; box-sizing: border-box; @@ -281,20 +284,25 @@ body { order: 2; border-bottom: 0; } + table.is-mobile td.book-preview-top-row { order: 1; flex-basis: auto; } + table.is-mobile td[data-title]:not(:empty)::before { content: attr(data-title); display: block; - font-size: .75em; + font-size: 0.75em; font-weight: bold; } + table.is-mobile td:empty { padding: 0; } - table.is-mobile th, table.is-mobile thead { + + table.is-mobile th, + table.is-mobile thead { display: none; } }