Issue 3025 - Adjusting content margin and font size for small screens in web.adblockbrowser.org

static/css/main.css

 @font-face
 {
   font-family: "Source Sans Pro";
   src: url(fonts/SourceSansPro-Light.woff);
   /* local("Ø") forces using no local font called Source Sans Pro */
   src: local("Ø"), url(fonts/SourceSansPro-Light.woff) format("woff");
   font-weight: 300;
   font-style: normal;
 }
 
@@ skipping 563 matching lines @@
     line-height: 80px
   }
 
   nav li:last-child
   {
     border-bottom: 4px solid #727272;
   }
 
   .content-left
   {
-    padding: 0px;
-    max-width: 88%;

[saroyanm, 2016/02/10 14:45:47]

Can't see a reason why this was set, but if we specify max-width to 100% the
content will be aligned with footer, which I think will make more sense.

[juliandoucette, 2016/02/10 16:58:38]

I agree. 

+    max-width: 100%;
     display: block;
     margin: 0px auto;
   }
 
   #content h1
   {
     font-size: 28px;
     line-height: 36px;
   }
 
   #content
   {
-    font-size: 16px;

[saroyanm, 2016/02/10 14:45:47]

Detail: I would avoid having similar cosmetic with this review, but I'm fine if
it's also will be aligned with designers and tested with different devices.

[juliandoucette, 2016/02/10 16:58:38]

I agree that we should avoid having similar cosmetic changes. Take a look at it
without the font size change. Let me know if you think it's necessary.

     padding: 34px 20px 68px 20px;
   }
 
   #footnotes
   {
     margin-top: 34px;
   }
 }