Issue 4961 - Fix card group field alignment on acceptableads.com

static/scss/components/_cards.scss

 // This file is part of acceptableads.org.
 // Copyright (C) 2016 Eyeo GmbH
 //
 // acceptableads.org is free software: you can redistribute it and/or modify
 // it under the terms of the GNU General Public License as published by
 // the Free Software Foundation, either version 3 of the License, or
 // (at your option) any later version.
 //
 // acceptableads.org is distributed in the hope that it will be useful,
 // but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 18 matching lines @@
   @extend h3;
   height: $md + $sm;
   margin: $sm 0 $sm 0;
 
   @media (max-width: $mobile-breakpoint)
   {
     height: auto;
   }
 }
 
+.card article .card-heading

[juliandoucette, 2017/07/18 22:07:35]

This selector is too specific (I think it only applies to the committee page). I
suggest solving this problem there.

[ire, 2017/07/20 17:43:24]

Same issue here. This applies to the latest blog posts on the committee page
which are removed by #5373

[juliandoucette, 2017/07/24 16:02:39]

Same answer. Put page specific CSS on pages not in SCSS.

[ire, 2017/07/25 13:33:31]

Done.

+{
+  height: auto;
+
+  @media (min-width: $tablet-breakpoint)
+  {
+    height: 120px;
+  }
+}
+
 .card-icon
 {
   margin: $sm 0;
 }
 
 .center .card-icon
 {
   margin: $lg - $sm 0 $md 0;
 
   @media (max-width: $tablet-breakpoint)
@@ skipping 100 matching lines @@
 .card.list a
 {
   text-decoration: none;
   color: $primary-fg;
 }
 
 .card.list a%active
 {
   color: $accent;
 }