fix: microblog date clipping from mismatched padding/margin on scroll containers

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: aymuos15

styles/components/microblog.css

@@ -32,8 +32,10 @@
 
 /* Cards container */
 .microblog-cards {
+    display: block;
+    width: 100%;
     max-height: 18rem;
-    overflow-y: auto;
+    overflow: hidden auto;
     scrollbar-width: thin;
     scrollbar-color: var(--border) transparent;
     transition: opacity 0.3s ease;
@@ -56,6 +58,7 @@
     display: flex;
     justify-content: space-between;
     align-items: baseline;
+    width: 100%;
     padding: 8px 0;
     border-bottom: 1px solid var(--border);
     cursor: pointer;
@@ -80,6 +83,7 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     min-width: 0;
+    flex: 1;
 }
 
 .microblog-card-date {
@@ -169,9 +173,9 @@
 #microblog-list {
     flex: 1;
     min-height: 0;
-    overflow-y: auto;
+    overflow: hidden auto;
     padding-bottom: 3rem;
-    padding-right: 0.5rem;
+    padding-right: 1.5rem;
     margin-right: -1.5rem;
     scrollbar-width: thin;
     scrollbar-color: var(--border) transparent;
@@ -195,7 +199,7 @@
     min-height: 0;
     overflow-y: auto;
     padding-bottom: 3rem;
-    padding-right: 0.5rem;
+    padding-right: 1.5rem;
     margin-right: -1.5rem;
     scrollbar-width: thin;
     scrollbar-color: var(--border) transparent;