Issue 2018 - Optimized first-run page for smaller screens

skin/firstRun.css

 /*
  * This file is part of Adblock Plus <https://adblockplus.org/>,
  * Copyright (C) 2006-2015 Eyeo GmbH
  *
  * Adblock Plus is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License version 3 as
  * published by the Free Software Foundation.
  *
  * Adblock Plus is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 124 matching lines @@
   font-weight: normal;
   text-align: center;
   margin: 0;
   padding: 0;
 }
 
 section
 {
   margin: 0 auto;
   margin-bottom: 30px;
-  max-width: 760px;

[saroyanm, 2015/10/07 17:26:40]

You don't need to specify different max-width for different sections.
Use border-box as box-sizing and keep 960px, in that case you don't need to have
separate width values for sections.

[Thomas Greiner, 2015/10/08 14:59:54]

Done.

I'd suggest to tackle any other style oddities in this file that are not
directly related to this specific change when applying the upcoming CSS coding
style.

+  max-width: 960px;
   background-image: url(background.png);
   padding: 40px 100px;
+  box-sizing: border-box;
 }
 
 #general
 {
   display: table;
   padding-left: 0px;
   padding-right: 0px;
-  max-width: 960px;
 }
 
 #general > div
 {
   display: table-cell;
   width: 50%;
   vertical-align: top;
   padding: 0px 50px;
   border: dashed 0 #969085;
   -webkit-border-start-width: 1px;
@@ skipping 156 matching lines @@
   width: 59px;
   height: 59px;
   margin: 10px 0px;
   -webkit-margin-start: 20px;
   -moz-margin-start: 20px;
 }
 
 #share
 {
   background-image: url(background-share.png);
-  max-width: 760px;
   text-align: center;
   font-family: CreteRound, Helvetica, Arial, sans-serif;
 }
 
 #share h2
 {
   margin-bottom: 30px;
 }
 
 #share h2,
@@ skipping 348 matching lines @@
   #can-do-more .feature-description-textblock
   {
     text-align: start;
   }
 
   .toggle
   {
     margin-top: 14px;
   }
 }