fix: use explicit 50px column grid for share icons so sidebar always shows 5+4 layout

2 files changed, 12 insertions, 4 deletions

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index d7d2be0..129495b 100644
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -310,6 +310,12 @@ html.theme-light {
     margin-bottom: 0.5rem;
   }
 
+  .share-grid {
+    display: grid;
+    grid-template-columns: repeat(5, 50px);
+    justify-content: start;
+  }
+
   .btn-share {
     display: inline-flex;
     align-items: center;
diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index f7d346b..0698332 100644
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1422,6 +1422,12 @@ button,
   margin-bottom: 0.5rem;
 }
 
+.share-grid {
+  display: grid;
+  grid-template-columns: repeat(5, 50px);
+  justify-content: start;
+}
+
 .btn-share {
   display: inline-flex;
   align-items: center;
@@ -1967,10 +1973,6 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
-.grid-cols-2 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
 .flex-col {
   flex-direction: column;
 }