Issue 5135 - Reduce font size and padding on smaller screens on acceptableads.com

static/scss/components/_columns.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 24 matching lines @@
   margin-left: -$gutter-width;
 }
 
 .row::after
 {
   display: table;
   clear: both;
   content: "";
 }
 
+.row p:first-child 

[juliandoucette, 2017/06/26 10:31:22]

Where/Why does this apply? (Perhaps we should comment because it's not obvious)

[ire, 2017/06/27 08:36:31]

Actually found a way to refactor this to work with the new paragraph container
class I created. 

+{
+  margin-top: 0;
+}
+
 %columns
 {
   width: 100%;
 }
 
 .row %columns
 {
   position: relative;
   min-height: 1px;
   padding-right: $gutter-width;
@@ skipping 176 matching lines @@
 
   html[dir="rtl"] .pull-8 {
     left: 66.666667%;
   }
 
   html[dir="rtl"] .pull-9 {
     left: 75%;
   }
 
 }