feat: 🎨 adjust CSS style to give more room to the post on small screens

This commit is contained in:
David Bailey 2023-12-12 22:36:33 +01:00
parent 16fb45aaf4
commit 0d9bedcaca
5 changed files with 53 additions and 38 deletions

View file

@ -6,20 +6,20 @@ table.directory {
table.directory caption {
text-align: left;
font-size: 1.5em;
font-size: 1.5rem;
padding-left: 2em;
padding-left: 3vmin;
}
table.directory td {
padding: 0.2em;
padding: 0.2rem;
text-align: left;
}
table.directory th {
padding: 0.2em;
padding: 0.2rem;
text-align: left;
padding-bottom: 0.05em;
padding-bottom: 0.05rem;
}
table.directory tr.entry:hover {
@ -32,5 +32,12 @@ table.directory tr.entry .entry_title {
table.directory .entry_update_time {
display: block;
width: 10em;
width: 12rem;
}
@media only screen and (max-width: 600px) {
table.directory .entry_update_time {
visibility: hidden;
display: none;
}
}