Make start plan increment buttons hover - 1.163 🚀

StartPlan.tsx

@@ -130,15 +130,9 @@ export default function StartPlan() {
       </StackHeader>
       <View style={{ padding: PADDING, flex: 1, flexDirection: "column" }}>
         <View style={{ flex: 1 }}>
-          <View
+          <View>
-            style={{
-              flexDirection: "row",
-              marginBottom: MARGIN,
-            }}
-          >
             <AppInput
               label="Reps"
-              style={{ flex: 1 }}
               keyboardType="numeric"
               value={reps}
               onChangeText={(newReps) => {
@@ -152,25 +146,23 @@ export default function StartPlan() {
               onSelectionChange={(e) => setSelection(e.nativeEvent.selection)}
               innerRef={repsRef}
             />
-            <IconButton
+            <View
-              icon="plus"
+              style={{ position: "absolute", right: 0, flexDirection: "row" }}
-              onPress={() => setReps((Number(reps) + 1).toString())}
+            >
-            />
+              <IconButton
-            <IconButton
+                icon="plus"
-              icon="minus"
+                onPress={() => setReps((Number(reps) + 1).toString())}
-              onPress={() => setReps((Number(reps) - 1).toString())}
+              />
-            />
+              <IconButton
+                icon="minus"
+                onPress={() => setReps((Number(reps) - 1).toString())}
+              />
+            </View>
           </View>
 
-          <View
+          <View>
-            style={{
-              flexDirection: "row",
-              marginBottom: MARGIN,
-            }}
-          >
             <AppInput
               label="Weight"
-              style={{ flex: 1 }}
               keyboardType="numeric"
               value={weight}
               onChangeText={(newWeight) => {
@@ -183,14 +175,18 @@ export default function StartPlan() {
               innerRef={weightRef}
               blurOnSubmit
             />
-            <IconButton
+            <View
-              icon="plus"
+              style={{ position: "absolute", right: 0, flexDirection: "row" }}
-              onPress={() => setWeight((Number(weight) + 2.5).toString())}
+            >
-            />
+              <IconButton
-            <IconButton
+                icon="plus"
-              icon="minus"
+                onPress={() => setWeight((Number(weight) + 2.5).toString())}
-              onPress={() => setWeight((Number(weight) - 2.5).toString())}
+              />
-            />
+              <IconButton
+                icon="minus"
+                onPress={() => setWeight((Number(weight) - 2.5).toString())}
+              />
+            </View>
           </View>
 
           {settings?.showUnit && (

android/app/build.gradle

@@ -85,8 +85,8 @@ android {
         applicationId "com.massive"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 36188
+        versionCode 36189
-        versionName "1.162"
+        versionName "1.163"
     }
     signingConfigs {
         release {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "massive",
-  "version": "1.162",
+  "version": "1.163",
   "private": true,
   "license": "GPL-3.0-only",
   "scripts": {