typo and results style

vds-app/App/components/Variables.js

@@ -15,7 +15,7 @@ export const colors = {
   green_light: "#6cc155",
   yellow: "#e1ff3c",
   yellow_alpha: "rgba(225, 255, 60, 0.9)",
-  orange: "#ff9b32"
+  orange: "#dd732d"
 }
 
 export const texts = {
@@ -40,7 +40,7 @@ export const texts = {
   meteorology: "Meteorologia e aerologia",
   physiopathology: "Fisiopatologia del volo",
   piloting_techniques: "Tecniche di pilotaggio",
-  restart: "Ricomincia",
+  restart: "Ricomincia!",
   recap: "Visualizza errori",
   recapTitle: "Riepilogo domande sbagliate",
   infoTitle: "Informazioni",
@@ -87,12 +87,12 @@ export const examScheme = [
 
 export const resultsScheme = [
   {points: "da 86 a 100 punti", result: "idoneo"},
-  {points: "da 80 a 85 punti", result: "doneo con superamento di una verifica orale, riguardante i quesiti errati"},
-  {points: "inferiore a 80 punti", result: "non idoneo"},
+  {points: "da 80 a 85 punti", result: "idoneo con superamento di una verifica orale, riguardante i quesiti errati"},
+  {points: "inferiore a 80 punti", result: "non idoneo"}
 ]
 
 
 export const credentials = {
   adMobUnitIDTest: "ca-app-pub-3940256099942544/6300978111",
-  adMobUnitID: "ca-app-pub-4145771316565790/1848957462" //"ca-app-pub-3940256099942544/6300978111" //  "ca-app-pub-4145771316565790/1848957462",
+  adMobUnitID: "ca-app-pub-4145771316565790/1848957462"
 }

vds-app/App/screens/Results.js

@@ -55,23 +55,25 @@ const styles = StyleSheet.create({
   },
   box: {
     marginTop: 20,
-    marginBottom: 30,
+    marginBottom: 20,
     marginHorizontal: 20,
     width: screen.width-80,
-    borderRadius: 15,
+    borderRadius: 20,
+    borderBottomEndRadius: 80,
+    borderTopStartRadius: 100,
     backgroundColor: colors.white_alpha,
     borderColor: colors.white,
-    borderWidth: 4,
+    borderWidth: 2,
     paddingVertical: 30
   },
   boxCorrect: {
-    borderColor: colors.green,
+    backgroundColor: colors.green_light,
   },
   boxWrong: {
-    borderColor: colors.red,
+    backgroundColor: colors.red,
   },
   boxUnsafe: {
-    borderColor: colors.orange,
+    backgroundColor: colors.orange,
   },
   button: {
     width: screen.width-80,
@@ -88,6 +90,7 @@ const styles = StyleSheet.create({
     textShadowRadius: 10
   },
   textSmall: {
+    color: colors.white,
     marginTop: 20,
     fontSize: 26,
     textAlign: "center",
@@ -190,9 +193,10 @@ class Results extends React.Component {
               }
             </View>
 
-            {wrongAnswers ?
+            {wrongAnswers.length ?
               <View style={styles.button}>
                 <Button
+                  color={colors.red_light}
                   text={texts.recap}
                   onPress={ ()=> {
                     this.props.navigation.navigate("Recap", {
@@ -200,6 +204,8 @@ class Results extends React.Component {
                     })
                   }}/>
                 <Button
+                  isBig={true}
+                  color={colors.green_light}
                   text={texts.restart}
                   onPress={() => {this.handleBackButton()}
                   }
@@ -208,6 +214,8 @@ class Results extends React.Component {
               </View> :
               <View style={styles.button}>
                 <Button
+                  isBig={true}
+                  color={colors.green_light}
                   text={texts.restart}
                   onPress={() => {this.handleBackButton()}
                   }