From d1de481558350d5807a4e4e60c9b6b8d36cbc79a Mon Sep 17 00:00:00 2001
From: tuxsudo <tuxsudo@tux.pizza>
Date: Mon, 24 Feb 2025 16:46:12 -0500
Subject: [PATCH] Update PIN page (#2051)

* Update PIN page

* Update spacers
---
 lib/src/screens/pin_code/pin_code_widget.dart | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/lib/src/screens/pin_code/pin_code_widget.dart b/lib/src/screens/pin_code/pin_code_widget.dart
index d39c88cc9..dcd875d7a 100644
--- a/lib/src/screens/pin_code/pin_code_widget.dart
+++ b/lib/src/screens/pin_code/pin_code_widget.dart
@@ -136,7 +136,7 @@ class PinCodeState<T extends PinCodeWidget> extends State<T> {
       },
       child: Container(
         color: Theme.of(context).colorScheme.background,
-        padding: EdgeInsets.only(left: 40.0, right: 40.0, bottom: 40.0),
+        padding: EdgeInsets.only(left: 40.0, right: 40.0, bottom: 60.0),
         child: Column(
           children: <Widget>[
             Spacer(flex: 2),
@@ -146,7 +146,7 @@ class PinCodeState<T extends PinCodeWidget> extends State<T> {
                     fontWeight: FontWeight.w500,
                     color:
                         Theme.of(context).extension<CakeTextTheme>()!.titleColor)),
-            Spacer(flex: 3),
+            Spacer(flex: 8),
             Container(
               width: 180,
               child: Row(
@@ -168,7 +168,7 @@ class PinCodeState<T extends PinCodeWidget> extends State<T> {
                 }),
               ),
             ),
-            Spacer(flex: 2),
+            Spacer(flex: 3),
             if (widget.hasLengthSwitcher) ...[
               TextButton(
                 onPressed: () {
@@ -204,8 +204,8 @@ class PinCodeState<T extends PinCodeWidget> extends State<T> {
                               childAspectRatio: _aspectRatio,
                               physics: const NeverScrollableScrollPhysics(),
                               children: List.generate(12, (index) {
-                                const double marginRight = 15;
-                                const double marginLeft = 15;
+                                const double marginRight = 8;
+                                const double marginLeft = 8;
 
                                 if (index == 9) {
                                   // Empty container
@@ -243,12 +243,12 @@ class PinCodeState<T extends PinCodeWidget> extends State<T> {
                                     key: ValueKey('pin_code_button_${index}_key'),
                                     onPressed: () => _push(index),
                                     style: TextButton.styleFrom(
-                                      backgroundColor: Theme.of(context).colorScheme.background,
+                                      backgroundColor: Theme.of(context).cardColor,
                                       shape: CircleBorder(),
                                     ),
                                     child: Text('$index',
                                         style: TextStyle(
-                                            fontSize: 30.0,
+                                            fontSize: 25.0,
                                             fontWeight: FontWeight.w600,
                                             color: Theme.of(context).extension<CakeTextTheme>()!.titleColor)),
                                   ),