Incognito NTP style tweaks

chrome/browser/resources/ntp4/incognito_and_guest_tab.css

Index: chrome/browser/resources/ntp4/incognito_and_guest_tab.css
diff --git a/chrome/browser/resources/ntp4/incognito_and_guest_tab.css b/chrome/browser/resources/ntp4/incognito_and_guest_tab.css
index fb398dd94f87ed085d516f90e40f767f1f43eb67..38049f65ee750d676ccb33d53483b4dd515c55cc 100644
--- a/chrome/browser/resources/ntp4/incognito_and_guest_tab.css
+++ b/chrome/browser/resources/ntp4/incognito_and_guest_tab.css
@@ -7,12 +7,12 @@
 
 h1 {
   font-size: 200%;
-  font-weight: normal;
-  margin-bottom: 1.33em;

[Evan Stade, 2015/12/14 20:27:22]

why change this

[edwardjung, 2015/12/15 11:30:39]

It rounds up the margin to 32px rather than 31.920px.

[Evan Stade, 2015/12/15 19:25:14]

why is 0.08px important?

[edwardjung, 2015/12/17 13:32:57]

In this instance I guess it doesn't matter as it's probably rounded up anyway. I
was just trying to be accurate to the spec.

+  font-weight: 300;
+  margin-bottom: 1.33333em;
 }
 
 p {
-  line-height: 1.7;
+  line-height: 1.5;
   margin-bottom: 2em;
   text-align: start;
 }
@@ -30,9 +30,9 @@ a:hover {
 .content {
   box-sizing: border-box;
   margin: 3.5em auto 0;
+  max-width: 420px;
   padding: 30px 35px;
   text-align: center;
-  width: 420px;

[Evan Stade, 2015/12/14 20:27:22]

I don't think you should change this.

- Horizontal scrollbars when narrow.

that's intentional. It looks dumb/is not functional when you make the browser
super narrow and the text becomes a giant column.

[edwardjung, 2015/12/15 11:30:39]

Agree that when it's really narrow it doesn't look good. Users would have to be
in Dev Tools to resize to such a narrow column. I've added a minimum width and
adjusted the margin when it's narrow so at least most users won't get the
horizontal scrollbar. 

[Evan Stade, 2015/12/15 19:25:13]

that is up to the window manager you're using and it's not always true.

[edwardjung, 2015/12/17 13:32:57]

Understood they all vary and did some tweaks to make it work better for Windows
which has the narrowest screen width at 270px. The line length is still very
readable and better than being cut off. 

 }
 
 html[hascustombackground='true'] .content {