Better shadows, better no items cart page, and 19.5:9 (iphone x) screenshots

Author: Ivaskuu

lib/pages/cart_page/cart_item.dart

@@ -14,9 +14,10 @@ class CartItem extends StatelessWidget
       margin: new EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
       child: new Material
       (
-        elevation: 8.0,
+        elevation: 30.0,
+        shadowColor: Colors.black54,
         color: Colors.white,
-        borderRadius: new BorderRadius.circular(12.0),
+        borderRadius: new BorderRadius.circular(6.0),
         child: new Padding
         (
           padding: new EdgeInsets.symmetric(vertical: 6.0),

lib/pages/cart_page/cart_page.dart

@@ -55,7 +55,7 @@ class _CartPageState extends State<CartPage>
               child: new Padding
               (
                 padding: const EdgeInsets.all(24.0),
-                child: new Text('Buy Now \$${calculateFinalPrice().toStringAsFixed(2)}', style: new TextStyle(color: Colors.white, fontSize: 20.0, fontWeight: FontWeight.w600)),
+                child: new Text('Buy Now (\$${calculateFinalPrice().toStringAsFixed(2)})', style: new TextStyle(color: Colors.white, fontSize: 20.0, fontWeight: FontWeight.w600)),
               ),
             ),
           ),
@@ -96,20 +96,34 @@ class _CartPageState extends State<CartPage>
               crossAxisAlignment: CrossAxisAlignment.center,
               children: <Widget>
               [
-                new CircleAvatar
-                (
-                  radius: 64.0,
-                  backgroundColor: Colors.black26,
-                  child: new Icon(Icons.remove_shopping_cart, color: Colors.white, size: 64.0),
-                ),
+                new Icon(Icons.remove_shopping_cart, color: Colors.black26, size: 96.0),
                 new Padding(padding: new EdgeInsets.only(bottom: 48.0)),
-                new Text('Your cart is empty', style: new TextStyle(color: Colors.black, fontWeight: FontWeight.w700, fontSize: 22.0)),
+                new Text('Your cart is empty!', style: new TextStyle(color: Colors.black, fontWeight: FontWeight.w700, fontSize: 28.0)),
                 new Padding(padding: new EdgeInsets.only(bottom: 8.0)),
                 new Container
                 (
                   margin: new EdgeInsets.symmetric(horizontal: 64.0),
-                  child: new Text('Looks like you haven\'t added any plants to your cart yet.', textAlign: TextAlign.center, style: new TextStyle()),
+                  child: new Text('Looks like you haven\'t added any plants to your cart yet.', textAlign: TextAlign.center, style: new TextStyle(fontSize: 20.0)),
                 ),
+                new Padding(padding: new EdgeInsets.only(bottom: 96.0)),
+                new Container
+                (
+                  child: new Material
+                  (
+                    elevation: 16.0,
+                    shadowColor: new Color(0x7000E676),
+                    color: Colors.white,
+                    child: new InkWell
+                    (
+                      onTap: () => Navigator.of(context).pop(),
+                      child: new Padding
+                      (
+                        padding: const EdgeInsets.symmetric(horizontal: 64.0, vertical: 16.0),
+                        child: new Text('Go back', style: new TextStyle(color: Colors.green, fontWeight: FontWeight.w700)),
+                      ),
+                    ),
+                  ),
+                )
               ],
             ),
           )

lib/pages/zoomable_image_page.dart

@@ -24,7 +24,7 @@ class ZoomableImagePage extends StatelessWidget
               child: new Hero
               (
                 tag: imgPath,
-                child: new ZoomableImage(new AssetImage(imgPath), scale: 1.5),
+                child: new ZoomableImage(new AssetImage(imgPath), scale: 3.0),
               ),
             ),
             new Align