Fix social icons extraneous margin

adityatelange · adityatelange · commit 6864770ad4dd · 2023-12-15T22:09:15.000+05:30
diff --git a/assets/css/common/main.css b/assets/css/common/main.css
@@ -28,14 +28,12 @@
 }
 
 .social-icons {
-    padding: 12px 0;
-}
-
-.social-icons a:not(:last-of-type) {
-    margin-inline-end: 12px;
+    display: flex;
+    gap: 1rem;
 }
 
 .social-icons a svg {
+    display: block;
     height: 26px;
     width: 26px;
 }

Original file line number	Diff line number	Diff line change
`@@ -28,14 +28,12 @@`
`28`	`28`	`}`
`29`	`29`
`30`	`30`	`.social-icons {`
`31`		`- padding: 12px 0;`
`32`		`-}`
`33`		`-`
`34`		`-.social-icons a:not(:last-of-type) {`
`35`		`- margin-inline-end: 12px;`
	`31`	`+ display: flex;`
	`32`	`+ gap: 1rem;`
`36`	`33`	`}`
`37`	`34`
`38`	`35`	`.social-icons a svg {`
	`36`	`+ display: block;`
`39`	`37`	`height: 26px;`
`40`	`38`	`width: 26px;`
`41`	`39`	`}`