diff --git a/static/css/simple-blog-template.css b/static/css/simple-blog-template.css index 57d1cb9..d8b4696 100644 --- a/static/css/simple-blog-template.css +++ b/static/css/simple-blog-template.css @@ -96,6 +96,7 @@ nav { } /* --- Buttons & UI --- */ .btn-read-more { + margin-top: 20px; float: right; background: #f8f9fa; border: 1px solid #e1e4e8; @@ -113,7 +114,7 @@ nav { } .btn-read-more:hover { - background-color: #e1e4e8; + background-color: #666; color: #ffffff; /* Invert colors on hover */ transform: translateY(-1px); } diff --git a/templates/post_detail.html b/templates/post_detail.html index 8635471..9ca78aa 100644 --- a/templates/post_detail.html +++ b/templates/post_detail.html @@ -3,24 +3,22 @@ Template{% endblock %} {% block content %} {% from "components/post_renderer.html" import render_post %} {% from "components/comment_renderer.html" import render_comment %} -
{{ post.subtitle }}
-- Posted on {{ post.date }} -
- {{ render_post(post) }} +{{ post.subtitle }}
++ Posted on {{ post.date }} +
+ {{ render_post(post) }} - ← Back to Posts + ← Back to Posts -