Bug 1552888 - Typography and padding adjustments (#5059)

content-src/components/DiscoveryStreamComponents/CardGrid/_CardGrid.scss

@@ -66,6 +66,10 @@ $col4-header-font-size: 14;
         font-size: 17px;
         line-height: 24px;
       }
+
+      .excerpt {
+        @include limit-visibile-lines(3, 24, 15);
+      }
     }
 
     &.ds-card-grid-divisible-by-4 .title {

content-src/components/DiscoveryStreamComponents/DSCard/_DSCard.scss

@@ -82,7 +82,7 @@ $excerpt-line-height: 20;
   .meta {
     display: flex;
     flex-direction: column;
-    padding: 12px;
+    padding: 12px 16px;
 
     .info-wrap {
       flex-grow: 1;

content-src/components/DiscoveryStreamComponents/Hero/_Hero.scss

@@ -14,7 +14,7 @@ $card-header-in-hero-line-height: 20;
   }
 
   .excerpt {
-    @include limit-visibile-lines(3, 20, 14);
+    @include limit-visibile-lines(3, 24, 15);
     @include dark-theme-only {
       color: $grey-10;
     }