デザインの調整

components/ActionSheetComponents/TrainIconUpdate.tsx

@@ -23,7 +23,6 @@ export const TrainIconUpdate = () => {
   const insets = useSafeAreaInsets();
   const viewShot = useRef(null);
 
-
   const onCapture = async () => {
     const url = await viewShot.current.capture();
 
@@ -63,10 +62,7 @@ export const TrainIconUpdate = () => {
           borderWidth: 1,
         }}
       >
-        <ViewShot ref={viewShot} options={{ format: "jpg" }}>
-          <View
-            style={{ height: 26, width: "100%", backgroundColor: "#0099CC" }}
-          >
+        <View style={{ height: 26, width: "100%", backgroundColor: "#0099CC" }}>
           <View
             style={{
               height: 6,
@@ -78,6 +74,7 @@ export const TrainIconUpdate = () => {
             }}
           />
         </View>
+        <ViewShot ref={viewShot} options={{ format: "jpg" }}>
           <View
             style={{
               padding: 10,
@@ -119,16 +116,18 @@ export const TrainIconUpdate = () => {
           ) : (
             <></>
           )}
-          <Text
+          <View
             style={{
-              fontSize: 15,
-              fontWeight: "bold",
-              color: "white",
+              padding: 10,
+              flexDirection: "row",
+              alignItems: "center",
               backgroundColor: "#0099CC",
             }}
           >
+            <Text style={{ fontSize: 15, fontWeight: "bold", color: "white" }}>
               JR四国非公式アプリを更新して好きなアイコンに変更してみよう！
             </Text>
+          </View>
         </ViewShot>
         <View
           style={{