From 03e969e08cc42e74a61ce37abf08b7c5c129c89e Mon Sep 17 00:00:00 2001 From: James Collins Date: Tue, 25 Apr 2023 11:55:18 +1000 Subject: [PATCH] fix icon spacing --- resources/js/components/SMSocialIcons.vue | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/resources/js/components/SMSocialIcons.vue b/resources/js/components/SMSocialIcons.vue index e1275e2..ce0d576 100644 --- a/resources/js/components/SMSocialIcons.vue +++ b/resources/js/components/SMSocialIcons.vue @@ -45,9 +45,17 @@ display: flex; font-size: 200%; justify-content: center; + gap: 32px; + flex-wrap: wrap; li { - margin: 0 16px; + margin: 0 !important; + } +} + +@media only screen and (max-width: 768px) { + .social-icons { + gap: 16px; } }