fix mobile css

oauth/src/App.css

@@ -171,6 +171,56 @@
   .app .app-main {
     padding: 0px !important;
   }
+  
+  .comment-item {
+    padding: 0px !important;
+    margin: 0px !important;
+  }
+  
+  .auth-section {
+    padding: 0px !important;
+  }
+  
+  .comments-list {
+    padding: 0px !important;
+  }
+  
+  .comment-section {
+    padding: 0px !important;
+    margin: 0px !important;
+  }
+  
+  .comment-content {
+    padding: 10px !important;
+    word-wrap: break-word !important;
+    overflow-wrap: break-word !important;
+  }
+  
+  .comment-header {
+    padding: 10px !important;
+  }
+  
+  /* Fix overflow on article pages */
+  article.article-content {
+    overflow-x: hidden !important;
+  }
+  
+  /* Ensure full width on mobile */
+  .app {
+    max-width: 100vw !important;
+  }
+  
+  /* Fix button overflow */
+  button {
+    max-width: 100%;
+    white-space: normal;
+  }
+  
+  /* Fix comment-meta URI overflow */
+  .comment-meta {
+    word-break: break-all !important;
+    overflow-wrap: break-word !important;
+  }
 }
 
 .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`}