Barnsbury: Increase the size of social icons

barnsbury/sass/_extra-child-theme.scss

@@ -56,6 +56,13 @@ a {
 		line-height: 1;
 		margin-top: 0;
 	}
+
+	.social-navigation ul li a svg {
+		display: block;
+		width: $spacing_vertical;
+		height: $spacing_vertical;
+		transform: translateZ(0);
+	}
 }
 
 .site-branding {

barnsbury/style-rtl.css

@@ -2374,11 +2374,6 @@ table th,
 	z-index: 99999;
 }
 
-.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
-	cursor: pointer;
-	z-index: 99999;
-}
-
 .main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
 	cursor: pointer;
 	z-index: 99999;
@@ -2399,14 +2394,6 @@ table th,
 		display: block;
 	}
 	.main-navigation > div > ul li:hover > ul,
-	.main-navigation > div > ul li[focus-within] > ul,
-	.main-navigation > div > ul li ul:hover,
-	.main-navigation > div > ul li ul:focus {
-		visibility: visible;
-		opacity: 1;
-		display: block;
-	}
-	.main-navigation > div > ul li:hover > ul,
 	.main-navigation > div > ul li:focus-within > ul,
 	.main-navigation > div > ul li ul:hover,
 	.main-navigation > div > ul li ul:focus {
@@ -3451,6 +3438,13 @@ a {
 	margin-top: 0;
 }
 
+.site-header .social-navigation ul li a svg {
+	display: block;
+	width: 32px;
+	height: 32px;
+	transform: translateZ(0);
+}
+
 .site-branding {
 	align-items: flex-start;
 	display: flex;

barnsbury/style.css

@@ -3443,6 +3443,13 @@ a {
 	margin-top: 0;
 }
 
+.site-header .social-navigation ul li a svg {
+	display: block;
+	width: 32px;
+	height: 32px;
+	transform: translateZ(0);
+}
+
 .site-branding {
 	align-items: flex-start;
 	display: flex;