fix padding of "related" section on mobile

diff --git a/panikweb/static/css/_specifics.scss b/panikweb/static/css/_specifics.scss
index 6b3a79eef7e02ef68b23e8ca2b98f0ee08c9aa7d..e1263e8aa6b399532110e22a66b0ac6577c2c685 100644 (file)
--- a/panikweb/static/css/_specifics.scss
+++ b/panikweb/static/css/_specifics.scss
@@ -433,7 +433,6 @@ body{
                margin: 0;
        }
 
-       #Related .wrapper,
        #Main > .wrapper,
        #Main > .soundfiles > .wrapper,
        #Main > .news > .wrapper,
@@ -445,7 +444,6 @@ body{
                margin-top: 0;
        }
 
-       #Related .padded,
        div.program.padded {
                padding-top: 0;
                padding-left: 0;
@@ -462,6 +460,17 @@ body{
 
 }
 
+#Related .wrapper,
+#Related .padded {
+       padding: 0;
+}
+
+#Related .wrapper {
+       @media screen and (max-width: 760px) {
+               padding-top: 1em;
+       }
+}
+
 #backgroundBox {
        background: transparent center 40px no-repeat url(../img/Radio_Panik_Logo_2016-01.png);
 }