fix icon spacing

2023-04-25 11:55:18 +10:00
parent 37e3872782
commit 03e969e08c
1 changed files with 9 additions and 1 deletions
--- 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;
    }
 }
 </style>