[css-grid] Use a smaller font-size to make sure the rendering fits within the reftest snapshot area. (minor test changes only, no bug, r=me)

layout/reftests/css-grid/grid-order-placement-auto-001-ref.html

@@ -12,6 +12,7 @@
   height: 60px;
   border: 1px solid green;
   position: relative;
+  font-size: 12px;
 }
 
 span {

layout/reftests/css-grid/grid-order-placement-auto-001.html

@@ -19,6 +19,7 @@
   grid-auto-flow: row;
   grid-auto-columns: 20px;
   grid-auto-rows: 20px;
+  font-size: 12px;
 }
 
 span {

layout/reftests/css-grid/grid-order-placement-definite-001-ref.html

@@ -8,7 +8,7 @@
   <title>CSS Test: Testing definite placement of grid items with 'order'</title>
   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107786">
   <style type="text/css">
-body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid {
  /*display: grid;*/

layout/reftests/css-grid/grid-order-placement-definite-001.html

@@ -11,7 +11,7 @@
   <link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property">
   <link rel="match" href="grid-order-placement-definite-001-ref.html">
   <style type="text/css">
-body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid {
  display: grid;

layout/reftests/css-grid/grid-placement-auto-col-dense-001-ref.html

@@ -7,6 +7,7 @@
   height: 60px;
   border: 1px solid green;
   position: relative;
+  font-size: 12px;
 }
 
 span {

layout/reftests/css-grid/grid-placement-auto-col-dense-001.html

@@ -11,6 +11,7 @@
   grid-auto-flow: dense column;
   grid-auto-columns: 20px;
   grid-auto-rows: 20px;
+  font-size: 12px;
 }
 
 span {

layout/reftests/css-grid/grid-placement-auto-col-sparse-001-ref.html

@@ -7,6 +7,7 @@
   height: 60px;
   border: 1px solid green;
   position: relative;
+  font-size: 12px;
 }
 
 span {

layout/reftests/css-grid/grid-placement-auto-col-sparse-001.html

@@ -11,6 +11,7 @@
   grid-auto-flow: column;
   grid-auto-columns: 20px;
   grid-auto-rows: 20px;
+  font-size: 12px;
 }
 
 span {

layout/reftests/css-grid/grid-placement-auto-implicit-001-ref.html

@@ -8,7 +8,7 @@
   <title>CSS Test: Testing placement of grid items outside the explicit grid</title>
   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1146051">
   <style type="text/css">
-body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid {
  border: 1px solid blue;

layout/reftests/css-grid/grid-placement-auto-implicit-001.html

@@ -11,7 +11,7 @@
   <link rel="help" href="http://dev.w3.org/csswg/css-grid/#overlarge-grids">
   <link rel="match" href="grid-placement-auto-implicit-001-ref.html">
   <style type="text/css">
-body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid {
  display: grid;

layout/reftests/css-grid/grid-placement-auto-row-dense-001-ref.html

@@ -7,6 +7,7 @@
   height: 60px;
   border: 1px solid green;
   position: relative;
+  font-size: 12px;
 }
 
 span {

layout/reftests/css-grid/grid-placement-auto-row-dense-001.html

@@ -11,6 +11,7 @@
   grid-auto-flow: dense row;
   grid-auto-columns: 20px;
   grid-auto-rows: 20px;
+  font-size: 12px;
 }
 
 span {

layout/reftests/css-grid/grid-placement-auto-row-sparse-001-ref.html

@@ -7,6 +7,7 @@
   height: 60px;
   border: 1px solid green;
   position: relative;
+  font-size: 12px;
 }
 
 span {

layout/reftests/css-grid/grid-placement-auto-row-sparse-001.html

@@ -11,6 +11,7 @@
   grid-auto-flow: row;
   grid-auto-columns: 20px;
   grid-auto-rows: 20px;
+  font-size: 12px;
 }
 
 span {

layout/reftests/css-grid/grid-placement-definite-001-ref.html

@@ -8,6 +8,7 @@
   height: 60px;
   border: 10px solid green;
   position: relative;
+  font-size:12px;
 }
 
 span {

layout/reftests/css-grid/grid-placement-definite-001.html

@@ -3,7 +3,7 @@
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
-	
+
 .grid {
  display: grid;
  grid-template-areas:
@@ -17,6 +17,7 @@
   grid-auto-flow: column dense;
   grid-auto-columns: 20px;
   grid-auto-rows: 20px;
+  font-size:12px;
 }
 
 span {

layout/reftests/css-grid/grid-placement-definite-002-ref.html

@@ -4,7 +4,7 @@
     <title></title>
     <style type="text/css">
 html,body {
-  font-size:16px;
+  font-size:12px;
   font-family:monospace;
 }
 .grid {

layout/reftests/css-grid/grid-placement-definite-002.html

@@ -4,7 +4,7 @@
     <title></title>
     <style type="text/css">
 html,body {
-  font-size:16px;
+  font-size:12px;
   font-family:monospace;
 }
 .grid {

layout/reftests/css-grid/grid-placement-definite-003-ref.html

@@ -4,7 +4,7 @@
     <title></title>
     <style type="text/css">
 html,body {
-  font-size:16px;
+  font-size:12px;
   font-family:monospace;
 }
 .grid {

layout/reftests/css-grid/grid-placement-definite-003.html

@@ -4,7 +4,7 @@
     <title></title>
     <style type="text/css">
 html,body {
-  font-size:16px;
+  font-size:12px;
   font-family:monospace;
 }
 .grid {

layout/reftests/css-grid/grid-placement-definite-implicit-001-ref.html

@@ -8,7 +8,7 @@
   <title>CSS Test: Testing placement of grid items outside the explicit grid</title>
   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1146051">
   <style type="text/css">
-body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid {
  border: 1px solid blue;

layout/reftests/css-grid/grid-placement-definite-implicit-001.html

@@ -11,7 +11,7 @@
   <link rel="help" href="http://dev.w3.org/csswg/css-grid/#overlarge-grids">
   <link rel="match" href="grid-placement-definite-implicit-001-ref.html">
   <style type="text/css">
-body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid {
  display: grid;

layout/reftests/css-grid/reftest.list

@@ -18,7 +18,7 @@ fails == grid-whitespace-handling-1b.xhtml grid-whitespace-handling-1-ref.xhtml
 == grid-order-placement-definite-001.html grid-order-placement-definite-001-ref.html
 skip-if(Android) == grid-placement-definite-implicit-001.html grid-placement-definite-implicit-001-ref.html
 == grid-placement-definite-implicit-002.html grid-placement-definite-implicit-002-ref.html
-skip-if(Android) == grid-placement-auto-implicit-001.html grid-placement-auto-implicit-001-ref.html
+skip-if(Android) fuzzy-if(winWidget,1,32) == grid-placement-auto-implicit-001.html grid-placement-auto-implicit-001-ref.html
 == grid-placement-abspos-implicit-001.html grid-placement-abspos-implicit-001-ref.html
 pref(layout.css.vertical-text.enabled,true) == rtl-grid-placement-definite-001.html rtl-grid-placement-definite-001-ref.html
 pref(layout.css.vertical-text.enabled,true) == rtl-grid-placement-auto-row-sparse-001.html rtl-grid-placement-auto-row-sparse-001-ref.html

layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001-ref.html

@@ -3,6 +3,8 @@
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
 .grid {
   block-size: 60px;
   border: 2px solid green;

layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001.html

@@ -3,6 +3,8 @@
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
 .grid {
   display: grid;
   border: 2px solid green;

layout/reftests/css-grid/rtl-grid-placement-definite-001-ref.html

@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid1, .grid2 {
   block-size: 60px;

layout/reftests/css-grid/rtl-grid-placement-definite-001.html

@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid1, .grid2 {
   display: grid;

layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001-ref.html

@@ -3,6 +3,7 @@
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 html {
   writing-mode: vertical-lr;
   text-orientation: sideways-right;

layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001.html

@@ -3,6 +3,7 @@
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 html {
   writing-mode: vertical-lr;
   text-orientation: sideways-right;

layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001-ref.html

@@ -3,6 +3,7 @@
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 html {
   writing-mode: vertical-rl;
   text-orientation: sideways-right;

layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001.html

@@ -3,6 +3,7 @@
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 html {
   writing-mode: vertical-rl;
   text-orientation: sideways-right;