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

static/scss/components/_groups.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 73 matching lines @@
   width: 45px;
 }
 
 // fix 1px border ltr and rtrl on desktop
 
 html[dir="ltr"] .group .card + .card
 {
   border-left: 0;
 }
 
+@media(max-width: $tablet-breakpoint)
+{
+  html[dir="ltr"] .group .card:first-child
+  {
+    border-left: 0;
+  }
+}
+
 html[dir="rtl"] .group .card + .card
 {
   border-right: 0;
+}
+
+@media(max-width: $tablet-breakpoint)
+{
+  html[dir="rtl"] .group .card:last-child
+  {
+    border-right: 0;
+  }
 }
 
 // start a little lower than cards to add extra spacing on top and sides
 .group.items .item
 {
   position: relative;
   margin-bottom: $md;
   padding: 0 $sm;
 }
 
@@ skipping 172 matching lines @@
     width: 100%;
   }
   // un-center all cards
   .group > div:nth-child(4),
   .group > div:nth-child(3),
   .group > div:nth-child(5)
   {
     margin-left: 0;
   }
 }