style: resize social share icons to 50px and tighten grid gap

1 files changed, 26 insertions, 5 deletions

diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index d2db799..7a38ef4 100644
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1414,14 +1414,27 @@ button,
   align-items: center;
   justify-content: center;
   border-radius: 9999px;
+  width: auto;
+  height: auto;
   padding: 0.5rem;
-  width: 40px;
-  height: 40px;
 }
 
-.btn-icon svg {
-  width: 20px;
-  height: 20px;
+.btn-icon svg,
+  .btn-icon i {
+  width: auto !important;
+  height: auto !important;
+}
+
+/* Force Feather icons to match size */
+
+.btn-icon [data-feather] {
+  width: 50px !important;
+  height: 50px !important;
+}
+
+.btn-icon [data-feather] svg {
+  width: 50px !important;
+  height: 50px !important;
 }
 
 /* Badge base style */
@@ -1818,6 +1831,10 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg {
   height: 1.25rem;
 }
 
+.h-\[50px\] {
+  height: 50px;
+}
+
 .h-auto {
   height: auto;
 }
@@ -1850,6 +1867,10 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg {
   width: 1.25rem;
 }
 
+.w-\[50px\] {
+  width: 50px;
+}
+
 .w-full {
   width: 100%;
 }