diff --git a/assets/main.css b/assets/main.css index 5e50106..0289440 100644 --- a/assets/main.css +++ b/assets/main.css @@ -227,10 +227,8 @@ ul#server_selection_list { .post { padding: 0.2em; margin-top: 0.3em; - display: grid; - grid-template-rows: auto auto auto; - grid-template-columns: auto auto; min-height: 3ex; + position: relative; } .post.same_author { margin-top: 0; @@ -244,13 +242,8 @@ ul#server_selection_list { .post:hover { background-color: #e4e4e4; } -.post:not(.show_time) { - position: relative; -} .post .author { - grid-row: 1; - grid-column: 1; font-size: 80%; font-weight: bold; align-self: end; @@ -260,30 +253,25 @@ ul#server_selection_list { } .post .create_at { - text-align: right; - grid-row: 1; - grid-column: 2; font-size: 80%; color: #888; - align-self: end; -} -.post:not(.show_time) .create_at { - display: none; position: absolute; - background-color: #e4e4e4; padding: 0 0.2em; right: 0; top: 0; } +.post:not(.show_time) .create_at { + display: none; +} .post:not(.show_time):hover .create_at { display: block; + background-color: #e4e4e4; } .post .message { line-height: 1.2; - grid-row: 2; - grid-column-start: 1; - grid-column-end: 3; + word-wrap: break-word; + overflow-wrap: break-word; } .post.special .message { color: #555; @@ -291,9 +279,6 @@ ul#server_selection_list { } .post ul.attachments { - grid-row: 3; - grid-column-start: 1; - grid-column-end: 3; margin: 0; padding: 0; list-style: none;