diff --git a/src/App.scss b/src/App.scss index 4df25f7..26f1a83 100644 --- a/src/App.scss +++ b/src/App.scss @@ -66,10 +66,15 @@ h3 { white-space: pre-wrap; } + .post-container { + margin-right: -5em; + } + .post-right { display: flex; flex-direction: column; justify-content: space-evenly; + min-width: 5em; .post-date { position: relative; @@ -253,6 +258,8 @@ button { } .nrOfComments { + position: relative; + right: -3.5em; height: 100%; display: flex; align-self: flex-end; @@ -261,7 +268,15 @@ button { font-size: 1.5em; padding: 0.35em; * { - padding-right: 0.25em; + padding-right: 0.3em; + } + span { + padding-right: 0.6em; + } + button { + padding: 0.3em 0.8em; + line-height: 2em; + font-size: 0.8em; } } @@ -291,4 +306,8 @@ textarea { .logout { margin-left: 0.5em; width: 25% +} + +.spacer { + height: 4em; } \ No newline at end of file diff --git a/src/components/Post.js b/src/components/Post.js index 46fa405..39fd779 100644 --- a/src/components/Post.js +++ b/src/components/Post.js @@ -58,11 +58,11 @@ const Post = ({ post, recursionDepth, selectPost, reload }) => { {recursionDepth !== 0 &&