web layout

src/screens/Writing/Goals.js

@@ -1,12 +1,12 @@
-import { View, StyleSheet } from "react-native";
 import React, { useState } from "react";
-import CreateLyricsHeader from "./components/CreateLyricsHeader";
-import { Palette } from "../../styles";
-import { GOALS } from "../../data/data";
-import { FONT_FAMILY } from "../../styles/Fonts";
-import CustomInput from "./components/CustomInput";
+import { StyleSheet, View } from "react-native";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
 import ListSelection from "../../components/ListSelection/ListSelection";
+import { GOALS } from "../../data/data";
+import { Palette } from "../../styles";
+import { FONT_FAMILY } from "../../styles/Fonts";
+import CreateLyricsHeader from "./components/CreateLyricsHeader";
+import CustomInput from "./components/CustomInput";
 
 const Goals = ({
   selected: selectedProp,
@@ -24,7 +24,7 @@ const Goals = ({
   return (
     <View style={{ flex: 1, gap: 16, marginTop: 16 }}>
       <View style={{ gap: 10 }}>
-        <CreateLyricsHeader title="Quels est ton objectif ?" />
+        <CreateLyricsHeader title="Quel est ton objectif ?" />
         <ItemContainer>
           <ListSelection
             options={GOALS}
@@ -56,6 +56,7 @@ const styles = StyleSheet.create({
     gap: 10,
     backgroundColor: "#FFFFFF00",
     paddingBottom: 50,
+    width: "100%",
   },
   itemContainer: {
     height: 54,