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

static/css/main.css

Index: static/css/main.css
diff --git a/static/css/main.css b/static/css/main.css
index c0e37882daf9ee6eea35abd7cae4b6e0a1b0189e..56b5a15a657d782dc45d814f10d63e76f49f2373 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -581,7 +581,7 @@ html[dir="rtl"] #modal-close
 
   .content-left
   {
-    padding: 0px 17px;
+    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. 

     display: block;
     margin: 0px auto;
@@ -595,7 +595,8 @@ html[dir="rtl"] #modal-close
 
   #content
   {
-    padding: 34px 0px 68px 0px;
+    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