Add padding to social-icons for better tap sizing

adityatelange · adityatelange · commit f8e125c7eef8 · 2023-12-16T20:59:08.000+05:30
diff --git a/assets/css/common/main.css b/assets/css/common/main.css
@@ -27,12 +27,10 @@
     margin-inline-start: auto;
 }
 
-.social-icons {
-    padding: 12px 0;
-}
 
-.social-icons a:not(:last-of-type) {
-    margin-inline-end: 12px;
+.social-icons a {
+    display: inline-flex;
+    padding: 10px;
 }
 
 .social-icons a svg {

Original file line number	Diff line number	Diff line change
`@@ -27,12 +27,10 @@`
`27`	`27`	`margin-inline-start: auto;`
`28`	`28`	`}`
`29`	`29`
`30`		`-.social-icons {`
`31`		`- padding: 12px 0;`
`32`		`-}`
`33`	`30`
`34`		`-.social-icons a:not(:last-of-type) {`
`35`		`- margin-inline-end: 12px;`
	`31`	`+.social-icons a {`
	`32`	`+ display: inline-flex;`
	`33`	`+ padding: 10px;`
`36`	`34`	`}`
`37`	`35`
`38`	`36`	`.social-icons a svg {`