chore(phone/confirm): tweak OTP box to better match iOS

Signed-off-by: Brandon McAnsh <git@bmcreations.dev>

Author: bmc08gt

app/src/main/java/com/getcode/view/components/OtpBox.kt

@@ -26,26 +26,22 @@ fun OtpBox(
 ) {
 
     val height = when (CodeTheme.dimens.heightWindowSizeClass) {
-        WindowSizeClass.COMPACT -> 45
-        else -> 60
-    }
-    val width = when (CodeTheme.dimens.widthWindowSizeClass) {
-        WindowSizeClass.COMPACT -> 30
-        else -> 42
+        WindowSizeClass.COMPACT -> CodeTheme.dimens.staticGrid.x9
+        else -> CodeTheme.dimens.staticGrid.x11
     }
 
     Box(
         modifier = modifier
             .padding(CodeTheme.dimens.grid.x1)
-            .height(height.dp)
-            .width(width.dp)
+            .height(height)
+            .width(CodeTheme.dimens.staticGrid.x7)
             .clip(CodeTheme.shapes.small)
             .rememberedClickable(onClick = onClick)
             .border(
                 border = if (isHighlighted)
-                    BorderStroke(CodeTheme.dimens.thickBorder, color = BrandLight.copy(alpha = 0.8f))
+                    BorderStroke(CodeTheme.dimens.thickBorder, color = BrandLight.copy(alpha = 0.7f))
                 else
-                    BorderStroke(CodeTheme.dimens.border, color = BrandLight.copy(alpha = 0.4f)),
+                    BorderStroke(CodeTheme.dimens.border, color = BrandLight.copy(alpha = 0.3f)),
                 shape = CodeTheme.shapes.small
             )
             .background(Color.White.copy(alpha = 0.1f)),

app/src/main/java/com/getcode/view/login/PhoneConfirm.kt

@@ -115,7 +115,7 @@ fun PhoneConfirm(
                         .padding(top = CodeTheme.dimens.inset)
                         .wrapContentHeight()
                         .fillMaxWidth(),
-                    verticalArrangement = Arrangement.spacedBy(CodeTheme.dimens.grid.x1)
+                    verticalArrangement = Arrangement.spacedBy(CodeTheme.dimens.grid.x2)
                 ) {
 
                     ProvideTextStyle(

app/src/main/java/com/getcode/view/login/PhoneVerifyViewModel.kt

@@ -180,8 +180,7 @@ class PhoneVerifyViewModel @Inject constructor(
                         navigator.push(InviteCodeScreen(phoneNumber.urlEncode()))
                         null
                     }
-                    else ->
-                        getGenericError()
+                    else -> getGenericError()
                 }?.let { message -> TopBarManager.showMessage(message) }
                 res == PhoneVerificationService.SendVerificationCodeResponse.Result.OK
             }