About screen

lib/ui/about.dart

@@ -6,7 +6,7 @@ class AboutView extends StatelessWidget {
     return Scaffold(
       appBar: AppBar(
         centerTitle: false,
-        backgroundColor: Colors.white,
+        backgroundColor: Colors.grey[200],
         title: Text(
           "A Propos",
           style: TextStyle(
@@ -17,34 +17,56 @@ class AboutView extends StatelessWidget {
           color: Color(0xFF545454), //change your color here
         ),
       ),
-      body: SingleChildScrollView(
-        child: Center(
+      body: Center(
         child: Column(
+          mainAxisSize: MainAxisSize.max,
           crossAxisAlignment: CrossAxisAlignment.center,
-            mainAxisAlignment: MainAxisAlignment.center,
+          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+          children: [
+            Column(
               children: [
                 Text(
                   "Le Kiosque",
-                style: TextStyle(fontSize: 26, color: Colors.black),
+                  style: TextStyle(
+                    fontSize: 26,
+                    color: Color(0xFF484848),
+                  ),
+                ),
+                SizedBox(
+                  height: 10,
                 ),
                 Text(
                   "Version 1.0.0",
                   style: TextStyle(
                     fontSize: 17,
                   ),
+                )
+              ],
             ),
             Container(
               decoration: BoxDecoration(
-                  color: Colors.grey[200],
+                color: Colors.white,
                 image: DecorationImage(
                   image: AssetImage("assets/images/kiosque_logo.png"),
                 ),
                 borderRadius: BorderRadius.all(
-                    Radius.circular(40),
+                  Radius.circular(50),
                 ),
+                border: Border.all(
+                  color: Colors.white,
+                  width: 8,
                 ),
-                height: 80,
-                width: 80,
+                boxShadow: [
+                  BoxShadow(
+                    color: Colors.grey.withOpacity(0.5),
+                    spreadRadius: 2,
+                    blurRadius: 2,
+                    offset: Offset(0, 1), // changes position of shadow
+                  )
+                ],
+              ),
+              height: 100,
+              width: 100,
             ),
             Text(
               "Copyright 2020 Le Kiosque",
@@ -52,6 +74,8 @@ class AboutView extends StatelessWidget {
                 fontSize: 17,
               ),
             ),
+            Column(
+              children: [
                 Text(
                   "From",
                   style: TextStyle(
@@ -59,6 +83,9 @@ class AboutView extends StatelessWidget {
                     fontWeight: FontWeight.bold,
                   ),
                 ),
+                SizedBox(
+                  height: 10,
+                ),
                 Text(
                   "ZX CONNECT",
                   style: TextStyle(
@@ -67,7 +94,8 @@ class AboutView extends StatelessWidget {
                   ),
                 )
               ],
-          ),
+            )
+          ],
         ),
       ),
     );