Final Add Entry UI

StressPrediction/src/newJournalEntry.js

@@ -104,7 +104,7 @@ const AddData = () => {
                             )}
                             <Text style={styles.textLabel2}>Write Your Entry</Text>
                             <TextInput
-                                placeholder='Additional text'
+                                placeholder='Enter Text ...'
                                 value={Additional_Text}
                                 onChangeText={(text) => setText(text)}
                                 style={styles.Additionalinput}
@@ -180,11 +180,13 @@ const styles = StyleSheet.create({
         width: '50%',
         height: '200%',
         top: '-5%',
+        left: -37,
     },
     SadFace: {
         width: '50%',
         height: '200%',
         top: '-2%',
+        left: 55,
     },
     scaleimg: {
         width: '250%',
@@ -215,10 +217,10 @@ const styles = StyleSheet.create({
         marginBottom: 20,
     },
     radioLabel: {
-        fontSize: 16,
+        fontSize: 15,
         marginBottom: 15,
         fontWeight: 'bold',
-        color: '#7B241C',
+        color: '#212F3D',
     },
     radioButtons: {
         flexDirection: 'row',
@@ -232,6 +234,7 @@ const styles = StyleSheet.create({
         marginRight: '10%',
         marginLeft: '-32%',
         alignSelf: 'flex-start',
+        marginLeft: '-44%',
     },
     radioButton2: {
         marginRight: 20,
@@ -241,6 +244,7 @@ const styles = StyleSheet.create({
         top: '25%',
         marginLeft: '-30%',
         alignSelf: 'flex-start',
+        marginLeft: '-13%',
     },
     radioButtonSelectedSmile: {
         marginRight: 20,
@@ -250,7 +254,7 @@ const styles = StyleSheet.create({
         backgroundColor: '#98fb98',
         borderColor: '#98fb98',
         top: '25%',
-        marginLeft: '-34%',
+        marginLeft: '-44%',
     },
     radioButtonSelectedSad: {
         marginRight: 20,
@@ -260,7 +264,7 @@ const styles = StyleSheet.create({
         backgroundColor: '#EC7063',
         borderColor: '#EC7063',
         top: '25%',
-        marginLeft: '-31%',
+        marginLeft: '-13%',
     },
     radioButtonText1: {
         color: '#008000',
@@ -276,17 +280,17 @@ const styles = StyleSheet.create({
         marginTop: 20,
     },
     textLabel1: {
-        fontSize: 16,
+        fontSize: 15,
         marginBottom: 15,
         fontWeight: 'bold',
-        color: '#7B241C',
+        color: '#212F3D',
         top: '12%',
     },
     textLabel2: {
-        fontSize: 16,
+        fontSize: 15,
         marginBottom: 15,
         fontWeight: 'bold',
-        color: '#7B241C',
+        color: '#212F3D',
         top: '-5%',
     },
     horizontalPicker: {