fix

my-blog/static/css/style.css

@@ -363,6 +363,7 @@ article.article-content {
 .article-actions {
     display: flex;
     gap: 12px;
+    padding: 15px 0;
 }
 
 .action-btn {
@@ -896,11 +897,11 @@ article.article-content {
         padding: 16px;
     }
     
-    .article-title {
-        font-size: 24px;
-    }
-    
-    
+				.article-title {
+					   font-size: 24px;
+					   padding: 30px 0px;
+				}
+
     .message-header .avatar {
         width: 32px;
         height: 32px;
@@ -917,4 +918,4 @@ article.article-content {
         width: 100%;
         padding: 0;
     }
-}
+}

my-blog/templates/oauth-assets.html

@@ -1,3 +1,3 @@
 <!-- OAuth Comment System - Load globally for session management -->
-<script type="module" crossorigin src="/assets/comment-atproto-D-N-GGu9.js"></script>
-<link rel="stylesheet" crossorigin href="/assets/comment-atproto-9X05-W3D.css">
+<script type="module" crossorigin src="/assets/comment-atproto-DnAMiyGQ.js"></script>
+<link rel="stylesheet" crossorigin href="/assets/comment-atproto-DLari4ye.css">

oauth/src/App.css

@@ -175,6 +175,14 @@
   .comment-item {
     padding: 0px;
   }
+  
+  .auth-section {
+    padding: 0px;
+  }
+  
+  .comments-list {
+    padding: 0px;
+  }
 }
 
 .gacha-section {

oauth/src/App.tsx

@@ -1048,9 +1048,6 @@ function App() {
           {/* Comments List */}
           {activeTab === 'comments' && (
             <div className="comments-list">
-              <div className="comments-header">
-                <h3>Comments</h3>
-              </div>
             {comments.filter(shouldShowComment).length === 0 ? (
               <p className="no-comments">
                 {appConfig.rkey ? `No comments for this post yet` : `No comments yet`}