Updated design

lib/ui/app/entity_header.dart

@@ -17,24 +17,26 @@ class EntityHeader extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final textColor = Theme.of(context).primaryTextTheme.bodyText1.color;
+
     Widget _value1() {
       return Column(
-        crossAxisAlignment: CrossAxisAlignment.center,
+        crossAxisAlignment: CrossAxisAlignment.start,
         mainAxisSize: MainAxisSize.min,
         children: <Widget>[
           Text(label,
               style: TextStyle(
                 fontSize: 16.0,
-                fontWeight: FontWeight.w300,
+                color: textColor.withOpacity(.65),
               )),
           SizedBox(
-            height: 6.0,
+            height: 8,
           ),
           Text(
             value ?? '',
             style: TextStyle(
-              fontSize: 22.0,
-              fontWeight: FontWeight.bold,
+              fontSize: 30.0,
+              //fontWeight: FontWeight.bold,
             ),
           )
         ],
@@ -43,22 +45,21 @@ class EntityHeader extends StatelessWidget {
 
     Widget _value2() {
       return Column(
-        crossAxisAlignment: CrossAxisAlignment.center,
+        crossAxisAlignment: CrossAxisAlignment.start,
         mainAxisSize: MainAxisSize.min,
         children: <Widget>[
           Text(secondLabel,
               style: TextStyle(
                 fontSize: 16.0,
-                fontWeight: FontWeight.w300,
+                color: textColor.withOpacity(.65),
               )),
           SizedBox(
-            height: 6.0,
+            height: 8,
           ),
           Text(
             secondValue ?? '',
             style: TextStyle(
-              fontSize: 22.0,
-              fontWeight: FontWeight.bold,
+              fontSize: 30.0,
             ),
           )
         ],
@@ -76,10 +77,10 @@ class EntityHeader extends StatelessWidget {
                 direction: value.length > 12 || (secondValue ?? '').length > 12
                     ? Axis.vertical
                     : Axis.horizontal,
-                mainAxisAlignment: MainAxisAlignment.spaceAround,
+                mainAxisAlignment: MainAxisAlignment.start,
                 children: <Widget>[
-                  _value1(),
-                  if (secondValue != null) _value2(),
+                  Expanded(child: _value1()),
+                  if (secondValue != null) Expanded(child: _value2()),
                 ],
               )
               //child: _headerRow(),

lib/ui/app/lists/app_list_tile.dart

@@ -22,7 +22,7 @@ class AppListTile extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Material(
-      color: Theme.of(context).canvasColor,
+      color: Theme.of(context).cardColor,
       child: ListTile(
         contentPadding: EdgeInsets.only(left: 12.0, top: 8.0, bottom: 8.0),
         leading: Icon(icon),

lib/ui/app/view_scaffold.dart

@@ -42,6 +42,7 @@ class ViewScaffold extends StatelessWidget {
         return true;
       },
       child: Scaffold(
+        backgroundColor: Theme.of(context).cardColor,
         appBar: AppBar(
           leading: !isMobile(context) && isSettings
               ? IconButton(

lib/ui/client/view/client_view.dart

@@ -65,9 +65,7 @@ class _ClientViewState extends State<ClientView>
           ),
         ],
       ),
-      body: Container(
-        color: Theme.of(context).cardColor,
-        child: TabBarView(
+      body: TabBarView(
         controller: _controller,
         children: <Widget>[
           RefreshIndicator(
@@ -87,7 +85,6 @@ class _ClientViewState extends State<ClientView>
           ),
         ],
       ),
-      ),
       floatingActionButton: FloatingActionButton(
         heroTag: 'client_view_fab',
         backgroundColor: Theme.of(context).primaryColorDark,