Adjust most dimensions to a 8pt grid systems in most cases

1 files changed, 21 insertions, 26 deletions

diff --git a/android/lib/theme/src/main/kotlin/net/mullvad/mullvadvpn/lib/theme/dimensions/Dimensions.kt b/android/lib/theme/src/main/kotlin/net/mullvad/mullvadvpn/lib/theme/dimensions/Dimensions.kt
index 5179b5c306..8f4426a907 100644
--- a/android/lib/theme/src/main/kotlin/net/mullvad/mullvadvpn/lib/theme/dimensions/Dimensions.kt
+++ b/android/lib/theme/src/main/kotlin/net/mullvad/mullvadvpn/lib/theme/dimensions/Dimensions.kt
@@ -13,31 +13,28 @@ data class Dimensions(
     val buttonHeight: Dp = 44.dp,
     val buttonSpacing: Dp = 8.dp,
     val cellEndPadding: Dp = 16.dp,
-    val cellFooterTopPadding: Dp = 6.dp,
+    val cellFooterTopPadding: Dp = 4.dp,
     val cellHeight: Dp = 56.dp,
     val cellHeightTwoRows: Dp = 72.dp,
-    val cellStartPadding: Dp = 14.dp,
-    val cellStartPaddingLarge: Dp = 50.dp,
-    val cellTopPadding: Dp = 6.dp,
+    val cellStartPadding: Dp = 16.dp,
     val cellVerticalSpacing: Dp = 24.dp,
     val chipSpace: Dp = 8.dp,
     val chipVerticalPadding: Dp = 4.dp,
     val circularProgressBarLargeSize: Dp = 40.dp,
-    val circularProgressBarLargeStrokeWidth: Dp = 6.dp,
+    val circularProgressBarLargeStrokeWidth: Dp = 8.dp,
     val circularProgressBarMediumSize: Dp = 32.dp,
     val circularProgressBarMediumStrokeWidth: Dp = 4.dp,
     val circularProgressBarSmallSize: Dp = 24.dp,
-    val circularProgressBarSmallStrokeWidth: Dp = 3.dp,
+    val circularProgressBarSmallStrokeWidth: Dp = 4.dp,
     val connectButtonExtraPadding: Dp = 4.dp,
     val connectionCardMaxWidth: Dp = 480.dp,
-    val customPortBoxMinWidth: Dp = 60.dp,
+    val customPortBoxMinWidth: Dp = 56.dp,
     val deleteIconSize: Dp = 24.dp,
-    val dialogIconHeight: Dp = 44.dp,
+    val dialogIconHeight: Dp = 48.dp,
     val formTextFieldMinHeight: Dp = 72.dp,
-    val iconFailSuccessTopMargin: Dp = 30.dp,
-    val indentedCellStartPadding: Dp = 38.dp,
-    val indicatorPadding: Dp = 2.dp,
-    val indicatorSize: Dp = 6.dp,
+    val indentedCellStartPadding: Dp = 48.dp,
+    val indicatorPadding: Dp = 4.dp,
+    val indicatorSize: Dp = 8.dp,
     val largePadding: Dp = 32.dp,
     val listIconSize: Dp = 24.dp,
     val listItemDivider: Dp = 1.dp,
@@ -45,39 +42,33 @@ data class Dimensions(
     val mediumPadding: Dp = 16.dp,
     val mediumSpacer: Dp = 16.dp,
     val miniPadding: Dp = 4.dp,
-    val mullvadLogoTextHeight: Dp = 13.dp,
-    val mullvadLogoTextStartPadding: Dp = 6.dp,
     val notificationBannerEndPadding: Dp = 8.dp,
     val notificationBannerStartPadding: Dp = 16.dp,
     val notificationEndIconPadding: Dp = 4.dp,
-    val notificationIconPadding: Dp = 10.dp,
+    // This is according to the design, should be updated in the design to standard size
     val notificationStatusIconSize: Dp = 10.dp,
-    val obfuscationNavigationBoxWidth: Dp = 60.dp,
+    val obfuscationNavigationBoxWidth: Dp = 56.dp,
     val outLineButtonBorderWidth: Dp = 1.dp,
-    val payIconHeight: Dp = 20.dp,
     val privacyPolicyIconSize: Dp = 16.dp,
-    val problemReportIconToTitlePadding: Dp = 60.dp,
     val reconnectButtonMinInteractiveComponentSize: Dp = 40.dp,
     val relayCircleSize: Dp = 16.dp,
-    val relayCirclePadding: Dp = 6.dp,
+    val relayCirclePadding: Dp = 8.dp,
     val relayItemCornerRadius: Dp = 16.dp,
     val screenBottomMargin: Dp = 16.dp,
     val screenTopMargin: Dp = 24.dp,
     val searchFieldHeight: Dp = 42.dp,
     val searchFieldHeightExpanded: Dp = 72.dp,
-    val searchFieldHorizontalPadding: Dp = 22.dp,
+    val searchFieldHorizontalPadding: Dp = 20.dp,
     val searchIconSize: Dp = 24.dp,
-    val selectLocationTitlePadding: Dp = 12.dp,
-    val selectableCellTextMargin: Dp = 12.dp,
+    val selectableCellTextMargin: Dp = 8.dp,
     val settingsDetailsImageMaxWidth: Dp = 480.dp,
     val sideMargin: Dp = 24.dp,
     val smallIconSize: Dp = 16.dp,
     val smallPadding: Dp = 8.dp,
     val smallSpacer: Dp = 8.dp,
-    val spacingAboveButton: Dp = 22.dp,
     val splashLogoSize: Dp = 120.dp,
+    // Required to get the logo to look visually correct
     val splashLogoTextHeight: Dp = 18.dp,
-    val successIconVerticalPadding: Dp = 26.dp,
     val switchIconSize: Dp = 24.dp,
     val switchLocationRetryMinWidth: Dp = 48.dp,
     val thinBorderWidth: Dp = 1.dp,
@@ -86,8 +77,12 @@ data class Dimensions(
     val tvDrawerHeaderStartPadding: Dp = 12.dp,
     val tvDrawerHeaderWithFocusStartPadding: Dp = 16.dp,
     val tvDrawerHorizontalPadding: Dp = 12.dp,
-    val verticalDividerPadding: Dp = 12.dp,
-    val verticalSpace: Dp = 20.dp,
+    // Required to get the logo to look visually correct on TV
+    val tvMullvadLogoTextHeight: Dp = 13.dp,
+    // Required to get the logo to look visually correct on TV
+    val tvMullvadLogoTextStartPadding: Dp = 6.dp,
+    val verticalDividerPadding: Dp = 16.dp,
+    val verticalSpace: Dp = 16.dp,
     val verticalSpacer: Dp = 1.dp,
 )