work on downloading some more.

components/ui/ISpeakButton.tsx

@@ -106,7 +106,12 @@ const ISpeakButton = (props: ISpeakButtonProps) => {
         <View style={styles.flag}>
           {countries &&
             countries.map((c) => {
-              return <CountryFlag isoCode={c} size={25} key={c} />;
+              return (
+                <View>
+                  <Text>{c}</Text>
+                  <CountryFlag isoCode={c} size={25} key={c} />
+                </View>
+              );
             })}
         </View>
         <View>
@@ -121,14 +126,13 @@ const ISpeakButton = (props: ISpeakButtonProps) => {
 
 const styles = StyleSheet.create({
   button: {
-    width: "20%",
     borderRadius: 10,
     borderColor: "white",
     borderWidth: 1,
     borderStyle: "solid",
     height: 110,
-    alignSelf: "flex-start",
-    margin: 8,
+    width: 170,
+    margin: 10,
   },
   flag: {},
   iSpeak: {

components/ui/__tests__/Settings.spec.tsx

@@ -83,6 +83,7 @@ describe("SettingsComponent", () => {
 
   beforeEach(async () => {
     db = await getDb("development");
+    await migrateDb("development");
     settings = new Settings(db);
     jest.spyOn(Settings, 'getDefault').mockResolvedValue(settings);
     await settings.setHostLanguage("en");