margins for info pages on small screens
authorJan Szejko <janek37@gmail.com>
Wed, 12 Sep 2018 11:58:37 +0000 (13:58 +0200)
committerJan Szejko <janek37@gmail.com>
Wed, 12 Sep 2018 11:58:37 +0000 (13:58 +0200)
src/wolnelektury/static/scss/main/base.scss

index 0923f80..3853933 100755 (executable)
@@ -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;
   }
 }