fix: improve contact cards layout overall (#192)

prezly · Aug 19, 2022 · 117003b · 117003b · vercel · Aug 19, 2022
1 parent f844094
commit 117003b
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/components/ContactCard/ContactCard.module.scss b/components/ContactCard/ContactCard.module.scss
@@ -6,7 +6,7 @@
 }
 
 .contentTitle {
-    @include tablet-only {
+    @include tablet-up {
         display: flex;
     }
 }
@@ -39,8 +39,9 @@
 .primaryContacts {
     margin: 0 auto $spacing-3;
 
-    @include tablet-only {
+    @include tablet-up {
         display: flex;
+        flex-wrap: wrap;
         margin-bottom: 0;
     }
 }
@@ -58,15 +59,17 @@
 
 .linkText {
     overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+    overflow-wrap: break-word;
     font-weight: $font-weight-bold;
     font-size: $font-size-labels;
 }
 
 .socials {
     display: flex;
 
+    .link:last-child {
+        margin-right: 0;
+    }
 }
 
 .icon {
@@ -93,8 +96,7 @@
             display: block;
             margin-bottom: 0;
         }
-
     }
 
     /* stylelint-enable max-nesting-depth */
-}
+}