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

3 files changed, 13 insertions, 5 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;
 }
diff --git a/themes/danix-xyz-hacker/layouts/partials/social-share.html b/themes/danix-xyz-hacker/layouts/partials/social-share.html
index c2b54af..20977a8 100644
--- a/themes/danix-xyz-hacker/layouts/partials/social-share.html
+++ b/themes/danix-xyz-hacker/layouts/partials/social-share.html
@@ -3,7 +3,7 @@
 {{ $url := $page.Permalink | urlquery }}
 {{ $title := $page.Title | urlquery }}
 
-{{ $gridClass := "grid-cols-5 gap-1" }}
+{{ $gridClass := "share-grid gap-1" }}
 {{ if eq $mode "inline" }}
   {{ $gridClass = "flex flex-wrap justify-center gap-1" }}
 {{ end }}