diff --git a/assets/css/PostText.css b/assets/css/PostText.css index 768e13b..da260d7 100644 --- a/assets/css/PostText.css +++ b/assets/css/PostText.css @@ -45,7 +45,7 @@ header > nav a { background-color: #8C97A8; } -.threads { +.threads, .remarks { display: flex; flex-direction: column; /* border: dashed; */ @@ -53,12 +53,12 @@ header > nav a { padding: 0.5em 0; } -.thread { +.thread, .remark { background-color: #C2B3A9; border: outset; } -.thread .title { +.thread .title, .remark .date { display: flex; justify-content: space-between; flex-wrap: wrap; @@ -69,7 +69,7 @@ header > nav a { border: inset; } -.thread .title .id { +.thread .title .id, .remark .id { border: outset; padding: 0.25em; background-color: #999999; @@ -80,12 +80,17 @@ header > nav a { padding: 0.25em 0.5em; } -.thread .body { +.remark .date, .remark .author, .remark .body { + margin: 1em 0.5em; + padding: 0.25em 0.5em; +} + +.thread .body, .remark .body { background-color: #A59990; border: inset; } -.thread nav { +.thread nav, .remark nav { display: flex; justify-content: flex-end; flex-flow: row wrap; @@ -94,7 +99,7 @@ header > nav a { align-items: center; } -.thread nav a { +.thread nav a, .remark nav a { flex: 1 0; text-align: center; border: outset; diff --git a/templates/thread/by_id.html.ep b/templates/thread/by_id.html.ep index 1b2ffb7..815e7bc 100644 --- a/templates/thread/by_id.html.ep +++ b/templates/thread/by_id.html.ep @@ -11,14 +11,12 @@ <% if (is_mod) { =%>