背景設定を整理

components/StationDiagram/ExGridView.tsx

@@ -103,13 +103,13 @@ export const ExGridView: FC<{
         ref={scrollRef}
         contentContainerStyle={{
           flexDirection: "column",
+          backgroundColor: "white",
         }}
       >
         <Animated.View
           style={[
             {
-              backgroundColor: "white",
-              width: width - 50,
+              width: width,
               flexDirection: "row",
             },
             animatedStyle,
@@ -136,7 +136,6 @@ export const ExGridView: FC<{
           })}
           <Text
             style={{
-              flex: 1,
               textAlign: "center",
               borderRightWidth: 0.5,
               borderColor: "#ccc",
@@ -149,7 +148,7 @@ export const ExGridView: FC<{
           </Text>
         </Animated.View>
         <Animated.ScrollView
-          style={[{ backgroundColor: "white", width: width }, animatedStyle]}
+          style={[{ width: width }, animatedStyle]}
           pinchGestureEnabled={false}
           minimumZoomScale={0.5}
           maximumZoomScale={3.0}
@@ -161,11 +160,11 @@ export const ExGridView: FC<{
           {groupKeys.map((hour) => [
             <View
               style={{
-                backgroundColor: "white",
                 padding: 5,
                 borderBottomWidth: 0.5,
                 borderTopWidth: 0.5,
                 borderBottomColor: "#ccc",
+                backgroundColor: "#f0f0f0",
               }}
               key={hour}
             >
@@ -174,7 +173,6 @@ export const ExGridView: FC<{
                   {
                     fontSize: 15,
                     zIndex: 1,
-                    backgroundColor: "white",
                     marginLeft: 0,
                   },
                   stickyTextStyle,