chore: closes #47

Author: wilburx9

lib/src/widgets/input/otp_field.dart

@@ -9,8 +9,7 @@ class OtpField extends TextFormField {
           style: TextStyle(
             fontWeight: FontWeight.bold,
             color: Colors.black87,
-            fontSize: 25.0,
-            letterSpacing: 15.0,
+            fontSize: 25.0
           ),
           autofocus: true,
           inputFormatters: [
@@ -23,8 +22,9 @@ class OtpField extends TextFormField {
           decoration: new InputDecoration(
             border: OutlineInputBorder(),
             isDense: true,
-            hintText: 'OTP',
-            hintStyle: const TextStyle(color: Colors.grey, fontSize: 14.0),
+            hintText: 'ENTER',
+            hintStyle: const TextStyle(
+                color: Colors.grey, fontSize: 14.0),
             contentPadding: const EdgeInsets.all(10.0),
             enabledBorder: OutlineInputBorder(
                 borderSide: const BorderSide(color: Colors.grey, width: 0.5)),

lib/src/widgets/input/pin_field.dart

@@ -15,7 +15,7 @@ class _PinFieldState extends State<PinField> {
   @override
   Widget build(BuildContext context) {
     return Container(
-      width: 150.0,
+      margin: EdgeInsets.symmetric(horizontal: 10),
       child: new TextField(
         keyboardType: TextInputType.number,
         textAlign: TextAlign.center,
@@ -34,8 +34,12 @@ class _PinFieldState extends State<PinField> {
         decoration: new InputDecoration(
           border: OutlineInputBorder(),
           isDense: true,
-          hintText: 'PIN',
-          hintStyle: const TextStyle(color: Colors.grey, fontSize: 14.0),
+          hintText: 'ENTER PIN',
+          hintStyle: const TextStyle(
+            color: Colors.grey,
+            fontSize: 14.0,
+            letterSpacing: 0,
+          ),
           contentPadding: const EdgeInsets.all(10.0),
           enabledBorder: const OutlineInputBorder(
               borderSide: const BorderSide(color: Colors.grey, width: 0.5)),

lib/src/widgets/otp_widget.dart

@@ -52,9 +52,12 @@ class _OtpWidgetState extends BaseState<OtpWidget> {
                   ),
                 ),
                 heightBox,
-                new OtpField(
-                  onSaved: (String value) => _otp = value,
-                  borderColor: Theme.of(context).accentColor,
+                Padding(
+                  padding: EdgeInsets.symmetric(horizontal: 10),
+                  child: new OtpField(
+                    onSaved: (String value) => _otp = value,
+                    borderColor: Theme.of(context).accentColor,
+                  ),
                 ),
                 heightBox,
                 new AccentButton(