Issue 5103 - Added padding to 1/2 column images on acceptableads.com

includes/index/style.html

Index: includes/index/style.html
===================================================================
--- a/includes/index/style.html
+++ b/includes/index/style.html
@@ -1,37 +1,60 @@
 <style>
 
-.card-summary
-{
-  height: 36px;
-}
+  .masthead-img img

[ire, 2017/09/06 22:56:58]

It seems like these styles should be applied to all `.masthead-img img`, not
just on this page. So these styles can be moved to the _masthead.scss file

[juliandoucette, 2017/09/11 16:15:59]

Acknowledged.

This could be different depending on the spacing and composition of the image.
But I don't disagree that 32px may be a good default.

+  {
+    padding-top: 32px;
+    padding-left: 32px;
+    padding-right: 32px;
+  }
 
-.item-summary
-{
-  height: auto;
-}
+  @media(min-width: 576px)
+  {
+    .masthead-img img
+    {
+      padding-top: 48px;
+    }
+  }
 
-@media(min-width: 544px)
-{
+  @media(min-width: 768px)
+  {
+    .masthead-img img
+    {
+      padding-top: 16px;
+    }
+  }
+
+  .card-summary
+  {
+    height: 36px;
+  }
+
   .item-summary
   {
-    height: 70px;
+    height: auto;
   }
-}
 
-@media(min-width: 768px)
-{
-  .item-summary
+  @media(min-width: 544px)
   {
-    height: 170px;
+    .item-summary
+    {
+      height: 70px;
+    }
   }
-}
 
-@media(min-width: 992px)
-{
-  .item-summary
+  @media(min-width: 768px)
   {
-    height: 120px;
+    .item-summary
+    {
+      height: 170px;
+    }
   }
-}
+
+  @media(min-width: 992px)
+  {
+    .item-summary
+    {
+      height: 120px;
+    }
+  }
 
 </style>