From a0da726bdb788e6066ab8fd58bb993fe63ad52ac Mon Sep 17 00:00:00 2001
From: Scott Murray <scott.murray@konsulko.com>
Date: Tue, 20 Dec 2022 14:38:33 -0500
Subject: UI tweaks

Changes:
- Changed inactive turn signal and notification icons' color to
  Colors.grey.shade600 to make them more visible.
- Reworked initial connection popup position and size to have it at
  the bottom of the screen where it will not get covered up by the
  streaming navigation receiver window.
- Tweaked the position of the navigation widget up a bit higher,
  as it seemed a bit low.  Even though we will not be using it in
  the near term, it seemed worthwhile to do this for the future.

Bug-AGL: SPEC-4653

Signed-off-by: Scott Murray <scott.murray@konsulko.com>
Change-Id: I334ef4defcfc8ce138c3900355e3c83ca5a0ac05
---
 lib/screen/home.dart                | 12 ++++++++----
 lib/screen/widgets/signals.dart     |  2 +-
 lib/screen/widgets/turn_signal.dart |  4 ++--
 3 files changed, 11 insertions(+), 7 deletions(-)

(limited to 'lib/screen')

diff --git a/lib/screen/home.dart b/lib/screen/home.dart
index 70bc5c6..4cfa770 100644
--- a/lib/screen/home.dart
+++ b/lib/screen/home.dart
@@ -192,7 +192,7 @@ class Home extends ConsumerWidget {
                         Padding(
                           padding: EdgeInsets.fromLTRB(
                               calcPadding(60, screenHeight),
-                              calcPadding(10, screenHeight),
+                              0,
                               calcPadding(60, screenHeight),
                               0),
                           child: Row(
@@ -225,9 +225,13 @@ class Home extends ConsumerWidget {
                                         child: (vehicle.isSteeringInfo)
                                             ? const NavigationHome()
                                             : Padding(
-                                                padding: EdgeInsets.all(
-                                                    (48.0 * screenHeight) /
-                                                        720),
+                                                padding: EdgeInsets.symmetric(
+                                                    vertical:
+                                                        (36.0 * screenHeight) /
+                                                            720,
+                                                    horizontal:
+                                                        (48.0 * screenHeight) /
+                                                            720),
                                                 child: Image.asset(
                                                   "images/logo_agl.png",
                                                   width:
diff --git a/lib/screen/widgets/signals.dart b/lib/screen/widgets/signals.dart
index 788d379..dbdffb5 100644
--- a/lib/screen/widgets/signals.dart
+++ b/lib/screen/widgets/signals.dart
@@ -6,7 +6,7 @@ import 'package:flutter_cluster_dashboard/vehicle_signal/vehicle_signal_model.da
 class Signals extends StatelessWidget {
   final VehicleSignal vehicle;
   final double screenHeight;
-  static Color idleColor = const Color.fromARGB(194, 55, 53, 53);
+  static Color idleColor = Colors.grey.shade600;
   const Signals({
     Key? key,
     required this.screenHeight,
diff --git a/lib/screen/widgets/turn_signal.dart b/lib/screen/widgets/turn_signal.dart
index a447cbe..446fbb8 100644
--- a/lib/screen/widgets/turn_signal.dart
+++ b/lib/screen/widgets/turn_signal.dart
@@ -43,7 +43,7 @@ class TurnSignal extends HookConsumerWidget {
                           Colors.black,
                           const Color.fromARGB(255, 99, 251, 104),
                           animationController.value.floorToDouble())
-                      : const Color.fromARGB(255, 49, 48, 48),
+                      : Colors.grey.shade600,
                   width: 0.125 * screenHeight,
                 ),
                 Image.asset(
@@ -53,7 +53,7 @@ class TurnSignal extends HookConsumerWidget {
                           Colors.black,
                           const Color.fromARGB(255, 99, 251, 104),
                           animationController.value.floorToDouble())
-                      : const Color.fromARGB(255, 49, 48, 48),
+                      : Colors.grey.shade600,
                   width: 0.125 * screenHeight,
                 ),
               ],
-- 
cgit