style: 수락 버튼이 셀 안에서 수직 중앙 정렬되지 않는 문제 수정

Author: givpro22

front/src/redux/actions/riderAction.tsx

@@ -28,7 +28,6 @@ export const getOrderData = () => async (dispatch: any) => {
   try {
     const res = await appAxios.get("/rider/getOrderData"); // 서버로 GET 요청
     if (res.data.success) {
-      console.log("주문 데이터를 성공적으로 가져옴:", res.data.orders);
       return res.data.orders; // 주문 데이터를 반환
     } else {
       console.log("주문 데이터 없음:", res.data.message);

front/src/screens/delivery/SelectDeliveryComponents/DeliveryCustomList.tsx

@@ -165,14 +165,21 @@ const DeliveryCustomList: React.FC<DeliveryCustomListProps> = ({
             {item.deliveryFee.toLocaleString()}원
           </Text>
         </View>
-        <View>
+        <View
+          style={{
+            width: 80,
+            alignItems: "center",
+            justifyContent: "center",
+          }}
+        >
           <TouchableOpacity
             onPress={handleAcceptPress}
             style={[
               styles.acceptButton,
               trackingOrders[item._id] && styles.disabledButton,
               isEnded && styles.endedButton,
               isMyOrder && styles.disabledButton,
+              { width: "100%" },
             ]}
             disabled={trackingOrders[item._id] || isEnded || isMyOrder}
           >
@@ -181,6 +188,7 @@ const DeliveryCustomList: React.FC<DeliveryCustomListProps> = ({
                 styles.buttonText,
                 isEnded && styles.endedButtonText,
                 trackingOrders[item._id] && styles.disabledButtonText,
+                { textAlign: "center", width: "100%" },
               ]}
             >
               {isEnded
@@ -192,11 +200,17 @@ const DeliveryCustomList: React.FC<DeliveryCustomListProps> = ({
                 : "수락"}
             </Text>
           </TouchableOpacity>
-          {isMyOrder && (
-            <Text style={{ color: "#9CA3AF", fontSize: 12, marginTop: 4 }}>
-              본인이 주문한 배달입니다
-            </Text>
-          )}
+          <View
+            style={{ height: isMyOrder ? 18 : 0, marginTop: isMyOrder ? 4 : 0 }}
+          >
+            {isMyOrder && (
+              <Text
+                style={{ color: "#9CA3AF", fontSize: 12, textAlign: "center" }}
+              >
+                본인이 주문한 배달입니다
+              </Text>
+            )}
+          </View>
         </View>
       </View>
     );
@@ -390,7 +404,8 @@ const styles = StyleSheet.create({
     backgroundColor: "#2563EB",
     borderRadius: 8,
     paddingVertical: 8,
-    paddingHorizontal: 12,
+    paddingHorizontal: 10, // reduced from 12
+    alignItems: "center", // ✅ added for Android support
   },
   disabledButton: {
     backgroundColor: "#9CA3AF",