btn

static/css/simple-blog-template.css

@@ -103,7 +103,7 @@ nav {
   border: 1px solid #d1d5db;
   color: #374151;
 
-  border-radius: 0px;
+  border-radius: 5px;
   padding: 10px 22px;
 
   font-size: 0.8rem;
@@ -301,3 +301,10 @@ nav {
   position: relative;
   z-index: 1; /* Ensures text stays on top */
 }
+
+/*try to wrap back post*/
+.post-actions::after {
+  content: "";
+  display: block;
+  clear: both;
+}

templates/post_detail.html

@@ -10,10 +10,11 @@ Template{% endblock %} {% block content %} {% from
     <span class="glyphicon glyphicon-time"></span> Posted on {{ post.date }}
   </p>
   {{ render_post(post) }}
-
-  <a href="{{ url_for('home') }}" class="btn btn-default btn-custom"
-    >← Back to Posts</a
-  >
+  <div class="post-actions">
+    <a href="{{ url_for('home') }}" class="btn btn-default btn-custom"
+      >← Back to Posts</a
+    >
+  </div>
 
   <hr style="margin-top: 75px; margin-bottom: 40px" />
   {% include 'leave_comment.html' %}