From c4a073ade3df6bcd16360e96b6c48ce9a6bae7bd Mon Sep 17 00:00:00 2001
From: a-mabe <mabe.abby.a@gmail.com>
Date: Fri, 20 Dec 2024 19:49:53 -0500
Subject: [PATCH] Change icon sizes for tablets

---
 .../active_timer/widgets/control_bar.dart     | 19 +++++++++++--------
 .../widgets/landscape_control_bar.dart        | 19 +++++++++++--------
 2 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/lib/pages/active_timer/widgets/control_bar.dart b/lib/pages/active_timer/widgets/control_bar.dart
index e6529431..661ade6c 100644
--- a/lib/pages/active_timer/widgets/control_bar.dart
+++ b/lib/pages/active_timer/widgets/control_bar.dart
@@ -64,7 +64,7 @@ class ControlBarState extends State<ControlBar> {
             children: [
               IconButton(
                 icon: Icon(
-                  size: 35,
+                  size: MediaQuery.of(context).size.width > 600 ? 50 : 35,
                   widget.changeVolume ? Icons.close : Icons.volume_up,
                   color: Colors.white,
                 ),
@@ -72,14 +72,15 @@ class ControlBarState extends State<ControlBar> {
               ),
               IconButton(
                 tooltip: 'Skip Previous',
-                icon: const Icon(Icons.skip_previous,
-                    size: 35, color: Colors.white),
+                icon: Icon(Icons.skip_previous,
+                    size: MediaQuery.of(context).size.width > 600 ? 45 : 30,
+                    color: Colors.white),
                 onPressed: widget.onSkipPrevious,
               ),
               IconButton(
                 tooltip: 'Pause',
                 icon: Icon(
-                  size: 55,
+                  size: MediaQuery.of(context).size.width > 600 ? 65 : 55,
                   widget.paused ? Icons.play_arrow : Icons.pause,
                   color: Colors.white,
                 ),
@@ -87,14 +88,16 @@ class ControlBarState extends State<ControlBar> {
               ),
               IconButton(
                 tooltip: 'Skip Next',
-                icon:
-                    const Icon(Icons.skip_next, size: 30, color: Colors.white),
+                icon: Icon(Icons.skip_next,
+                    size: MediaQuery.of(context).size.width > 600 ? 45 : 30,
+                    color: Colors.white),
                 onPressed: widget.onSkipNext,
               ),
               IconButton(
                 tooltip: 'Restart',
-                icon: const Icon(Icons.restart_alt,
-                    size: 35, color: Colors.white),
+                icon: Icon(Icons.restart_alt,
+                    size: MediaQuery.of(context).size.width > 600 ? 50 : 35,
+                    color: Colors.white),
                 onPressed: () {
                   logger.d('Restarting timer');
                   widget.onRestart();
diff --git a/lib/pages/active_timer/widgets/landscape_control_bar.dart b/lib/pages/active_timer/widgets/landscape_control_bar.dart
index 6c4e8636..45bd9a3f 100644
--- a/lib/pages/active_timer/widgets/landscape_control_bar.dart
+++ b/lib/pages/active_timer/widgets/landscape_control_bar.dart
@@ -64,7 +64,7 @@ class LandscapeControlBarState extends State<LandscapeControlBar> {
             children: [
               IconButton(
                 icon: Icon(
-                  size: 30,
+                  size: MediaQuery.of(context).size.width > 600 ? 50 : 35,
                   widget.changeVolume ? Icons.close : Icons.volume_up,
                   color: Colors.white,
                 ),
@@ -72,14 +72,15 @@ class LandscapeControlBarState extends State<LandscapeControlBar> {
               ),
               IconButton(
                 tooltip: 'Skip Previous',
-                icon: const Icon(Icons.skip_previous,
-                    size: 30, color: Colors.white),
+                icon: Icon(Icons.skip_previous,
+                    size: MediaQuery.of(context).size.width > 600 ? 45 : 30,
+                    color: Colors.white),
                 onPressed: widget.onSkipPrevious,
               ),
               IconButton(
                 tooltip: 'Pause',
                 icon: Icon(
-                  size: 40,
+                  size: MediaQuery.of(context).size.width > 600 ? 60 : 45,
                   widget.paused ? Icons.play_arrow : Icons.pause,
                   color: Colors.white,
                 ),
@@ -87,14 +88,16 @@ class LandscapeControlBarState extends State<LandscapeControlBar> {
               ),
               IconButton(
                 tooltip: 'Skip Next',
-                icon:
-                    const Icon(Icons.skip_next, size: 30, color: Colors.white),
+                icon: Icon(Icons.skip_next,
+                    size: MediaQuery.of(context).size.width > 600 ? 45 : 30,
+                    color: Colors.white),
                 onPressed: widget.onSkipNext,
               ),
               IconButton(
                 tooltip: 'Restart',
-                icon: const Icon(Icons.restart_alt,
-                    size: 30, color: Colors.white),
+                icon: Icon(Icons.restart_alt,
+                    size: MediaQuery.of(context).size.width > 600 ? 50 : 35,
+                    color: Colors.white),
                 onPressed: () {
                   logger.d('Restarting timer');
                   widget.onRestart();