fix mobile css

my-blog/static/css/style.css

@@ -203,15 +203,12 @@ a.view-markdown:any-link {
     max-width: 1000px;
     margin: 0 auto;
     /* padding: 24px; */
-    padding-top: 80px;
     width: 100%;
 }
 
 @media (max-width: 1000px) {
     .main-content {
-        /* padding: 20px; */
-        padding: 0px;
-        max-width: 100%;
+					max-width: 100%;
     }
 }
 
@@ -232,6 +229,7 @@ a.view-markdown:any-link {
 .timeline-feed {
     display: flex;
     flex-direction: column;
+				padding: 100px 0;
     /* gap: 24px; */
 }
 
@@ -333,6 +331,7 @@ a.view-markdown:any-link {
     /* gap: 40px; */
     max-width: 1000px;
     margin: 0 auto;
+				padding: 100px 0;
 }
 
 /* article.article-content { padding: 10px; } */
@@ -781,8 +780,6 @@ article.article-content {
 .comment-section {
     max-width: 800px;
     margin: 0 auto;
-    /* margin-top: 48px; */
-    /* padding-top: 32px; */
 }
 
 .comment-container {
@@ -819,7 +816,7 @@ article.article-content {
         grid-template-columns: 1fr;
         gap: 24px;
         max-width: 100%;
-        padding: 0;
+        padding: 50px 0;
         margin: 0;
     }
 }
@@ -1081,7 +1078,7 @@ article.article-content {
     
 				.article-title {
 					   font-size: 24px;
-					   padding: 30px 0px;
+					   padding: 10px;
 				}
 
     .message-header .avatar {
@@ -1100,4 +1097,15 @@ article.article-content {
         width: 100%;
         padding: 0;
     }
+
+				.comment-section {
+        padding: 50px 0;
+				}
+
+				.article-meta {
+					padding: 10px;
+				}
+				.article-actions {
+					padding: 10px;
+				}
 }

oauth/src/App.css

@@ -262,13 +262,6 @@ body {
   cursor: not-allowed;
 }
 
-/* Main Content */
-.main-content {
-  max-width: 800px;
-  margin: 0 auto;
-  padding: 20px 0;
-}
-
 /* Bluesky Footer */
 .bluesky-footer {
   text-align: center;
@@ -745,14 +738,6 @@ body {
     margin: 0 !important;
   }
   
-  .main-content {
-    padding: 0px !important;
-    margin: 0px !important;
-    max-width: 100% !important;
-    width: 100% !important;
-    overflow-x: hidden !important;
-  }
-  
   /* OAuth app mobile fixes - prevent overflow and content issues */
   .oauth-app-header {
     padding: 0px !important;