Bug 1403684 - Reader mode has too much padding. Reduce padding by using vw units. (#3254)

farhanpatel · web-flow · commit f2452a446ec9 · 2017-10-04T08:58:19.000-07:00
diff --git a/Client/Frontend/Reader/Reader.css b/Client/Frontend/Reader/Reader.css
@@ -62,7 +62,7 @@ html {
 }
 
 body {
-  padding: 24px;
+  padding: 2vw;
   transition-property: background-color, color;
   transition-duration: 0.4s;
   margin-left: auto;
@@ -344,7 +344,7 @@ body {
 }
 
 .content * {
-  max-width: 98% !important;
+  max-width: 100% !important;
   height: auto !important;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,7 @@ html {`
`62`	`62`	`}`
`63`	`63`
`64`	`64`	`body {`
`65`		`- padding: 24px;`
	`65`	`+ padding: 2vw;`
`66`	`66`	`transition-property: background-color, color;`
`67`	`67`	`transition-duration: 0.4s;`
`68`	`68`	`margin-left: auto;`
`@@ -344,7 +344,7 @@ body {`
`344`	`344`	`}`
`345`	`345`
`346`	`346`	`.content * {`
`347`		`- max-width: 98% !important;`
	`347`	`+ max-width: 100% !important;`
`348`	`348`	`height: auto !important;`
`349`	`349`	`}`
`350`	`350`