1

src/components/ifooter.vue

@@ -221,8 +221,7 @@ export default {
   margin-bottom: 12px;
 }
 
-.footer-links a,
-.contact-item a {
+.footer-links a {
   color: #475569;
   text-decoration: none;
   transition: color 0.25s ease;
@@ -230,6 +229,16 @@ export default {
   position: relative;
 }
 
+.contact-item a {
+  color: #475569;
+  text-decoration: none;
+  transition: color 0.25s ease;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  line-height: 1.35;
+}
+
 .footer-links a:hover,
 .contact-item a:hover {
   color: #1d4ed8;
@@ -251,8 +260,12 @@ export default {
 }
 
 .contact-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   width: 20px;
   height: 20px;
+  line-height: 0;
   text-align: center;
   color: #64748b;
   flex-shrink: 0;
@@ -387,7 +400,7 @@ export default {
   .contact-item {
     justify-content: center;
     text-align: center;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
   }
 
   .footer-logo {