diff --git a/my-blog/static/css/style.css b/my-blog/static/css/style.css
index 37f045b..674d891 100644
--- a/my-blog/static/css/style.css
+++ b/my-blog/static/css/style.css
@@ -401,7 +401,7 @@ article.article-content {
/* Sidebar styles */
.article-sidebar {
position: sticky;
- top: 100px;
+ top: 90px; /* Adjusted for header height + some margin */
height: fit-content;
}
@@ -836,11 +836,27 @@ article.article-content {
padding: 10px !important;
}
+ /* Fix overflow on article pages */
+ article.article-content {
+ overflow-x: hidden !important;
+ }
+
+ article.article-content #comment-atproto {
+ margin-left: -10px !important;
+ margin-right: -10px !important;
+ width: calc(100% + 20px) !important;
+ }
+
/* Hide site title text on mobile */
.site-title {
display: none;
}
+ /* Adjust TOC position for mobile header */
+ .article-sidebar {
+ top: 50px !important; /* Mobile header is smaller */
+ }
+
/* Left align logo on mobile */
.logo {
grid-column: 1;
diff --git a/my-blog/templates/oauth-assets.html b/my-blog/templates/oauth-assets.html
index c8f851d..422d694 100644
--- a/my-blog/templates/oauth-assets.html
+++ b/my-blog/templates/oauth-assets.html
@@ -1,3 +1,3 @@
-
-
\ No newline at end of file
+
+
\ No newline at end of file
diff --git a/oauth/src/App.css b/oauth/src/App.css
index 78f6382..b53a760 100644
--- a/oauth/src/App.css
+++ b/oauth/src/App.css
@@ -199,6 +199,18 @@
.comment-header {
padding: 10px !important;
}
+
+ /* Fix for article pages with padding */
+ article.article-content .comment-section,
+ article.article-content .app {
+ margin-left: -10px !important;
+ margin-right: -10px !important;
+ }
+
+ article.article-content .comments-list,
+ article.article-content .auth-section {
+ max-width: 100vw !important;
+ }
}
.gacha-section {