Apply media padding in Color, Typography demos (#13592)

examples/flutter_gallery/lib/demo/colors_demo.dart

@@ -64,6 +64,9 @@ class ColorItem extends StatelessWidget {
       height: kColorItemHeight,
       padding: const EdgeInsets.symmetric(horizontal: 16.0),
       color: color,
+      child: new SafeArea(
+        top: false,
+        bottom: false,
         child: new Row(
           mainAxisAlignment: MainAxisAlignment.spaceBetween,
           crossAxisAlignment: CrossAxisAlignment.center,
@@ -72,6 +75,7 @@ class ColorItem extends StatelessWidget {
             new Text(colorString()),
           ],
         ),
+      ),
     );
   }
 }

examples/flutter_gallery/lib/demo/typography_demo.dart

@@ -71,7 +71,11 @@ class TypographyDemo extends StatelessWidget {
 
     return new Scaffold(
       appBar: new AppBar(title: const Text('Typography')),
-      body: new ListView(children: styleItems)
+      body: new SafeArea(
+        top: false,
+        bottom: false,
+        child: new ListView(children: styleItems),
+      ),
     );
   }
 }