diff --git a/README.md b/README.md
index 0090e1b6..641231cf 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@

-
+
@@ -101,7 +101,9 @@ Give a ⭐️ if this project helped you!
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
+
[](#contributors-)
+
@@ -178,6 +180,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
+
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
diff --git a/client/package.json b/client/package.json
index 27b0d8ff..0cd41038 100644
--- a/client/package.json
+++ b/client/package.json
@@ -1,6 +1,6 @@
{
"name": "letra-extension",
- "version": "1.0.12",
+ "version": "1.0.13",
"description": "Passively learn a new language every time you open a new tab.",
"author": "Jaye Hernandez ",
"engines": {
diff --git a/client/src/manifest.json b/client/src/manifest.json
index e4ea8bf2..c6372f3b 100644
--- a/client/src/manifest.json
+++ b/client/src/manifest.json
@@ -1,7 +1,7 @@
{
"name": "Letra",
"description": "Passively learn a new language every time you open a new tab.",
- "version": "1.0.12",
+ "version": "1.0.13",
"manifest_version": 2,
"permissions": ["storage"],
"icons": {
diff --git a/client/src/store/index.js b/client/src/store/index.js
index 8476766f..97e432fc 100644
--- a/client/src/store/index.js
+++ b/client/src/store/index.js
@@ -125,6 +125,7 @@ export const actions = {
toggledDailyData.translations[oldLanguage] = thisTranslation;
dispatch('saveDailyData', toggledDailyData);
+ chrome.storage.sync.set({ dailyData: toggledDailyData });
commit('setLoading', false);
},
};
diff --git a/client/src/style/flag.scss b/client/src/style/flag.scss
index 04be2426..f6702c44 100644
--- a/client/src/style/flag.scss
+++ b/client/src/style/flag.scss
@@ -2,9 +2,19 @@
margin-top: $spacing;
margin-left: $spacing;
margin-right: calc(#{$spacing} + 0.2em);
+
+ &.mt0 {
+ margin-top: 0;
+ }
}
.language-name {
max-width: calc(56px + 2 * #{$spacing});
margin: 0 auto;
-}
\ No newline at end of file
+}
+
+.flag-options {
+ margin-top: 20px;
+ margin-bottom: 10px;
+ color: $primary-color;
+}
diff --git a/client/src/views/Flag.vue b/client/src/views/Flag.vue
index 7db76afe..1d01ad1d 100644
--- a/client/src/views/Flag.vue
+++ b/client/src/views/Flag.vue
@@ -18,13 +18,20 @@
) {{ flagLanguage | titleize }}
transition(name="fade")
div(v-if="showLanguageDropdown")
- .flag-list(v-for="language in otherLanguages")
- .flag.fadeIn(v-wow data-wow-duration="2s" :key="dailyData.translations[language].flag")
+ .flag-options Show in:
+ .flag-list(v-for="(language, index) in otherLanguages")
+ .flag.fadeIn(
+ v-wow
+ data-wow-duration="2s"
+ :key="dailyData.translations[language].flag"
+ v-bind:class=`{ mt0: index === 0 }`
+ )
i(
:class="dailyData.translations[language].flag"
class="twa twa-4x"
@click="toggleActiveLanguage(language); showLanguageDropdown = false;"
)
+ .language-name {{ language | titleize }}