margins for info pages on small screens

diff --git a/src/wolnelektury/static/scss/main/base.scss b/src/wolnelektury/static/scss/main/base.scss
index 0923f80..3853933 100755 (executable)
--- a/src/wolnelektury/static/scss/main/base.scss
+++ b/src/wolnelektury/static/scss/main/base.scss
@@ -83,15 +83,21 @@ ul.plain {
 
 .left-column, .right-column {
   @include size(max-width, 600px);
 
 .left-column, .right-column {
   @include size(max-width, 600px);

+  @include size(padding-left, 1em);
+  @include size(padding-right, 1em);

 }
 
 @media screen and (min-width: 62.5em) {
 }
 
 @media screen and (min-width: 62.5em) {

-  .left-column {
+  .left-column .right-column {

     @include size(width, 470px);
     @include size(width, 470px);

+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .left-column {

     float: left;
   }
   .right-column {
     float: left;
   }
   .right-column {

-    @include size(width, 470px);

     float: right;
   }
 }
     float: right;
   }
 }