diff --git a/UI/ShareScreen.ts b/UI/ShareScreen.ts
index 8f8c281e8..591a3f3fe 100644
--- a/UI/ShareScreen.ts
+++ b/UI/ShareScreen.ts
@@ -150,6 +150,7 @@ export class ShareScreen extends UIElement {
tr.intro,
this._link,
this._linkStatus,
+ tr.addToHomeScreen,
tr.embedIntro,
this._options,
this._iframeCode
diff --git a/UI/i18n/Translations.ts b/UI/i18n/Translations.ts
index bdfdf83d9..447b082a4 100644
--- a/UI/i18n/Translations.ts
+++ b/UI/i18n/Translations.ts
@@ -685,11 +685,14 @@ export default class Translations {
}),
sharescreen: {
- intro:new T({
+ intro: new T({
en: "
Share this map
Share this map by copying the link below and sending it to friends and family:"
}),
+ addToHomeScreen: new T({
+ en: "Add to your home screen
You can easily add this website to your home screen for a native feel. Click the 'add to home screen button' in the URL bar to do this."
+ }),
embedIntro: new T({
- en: "Embed on your website
Please, embed this map into your website. We encourage you to do it - you don't even have to ask permission. It is free, and always will be. The more people using this, the more valuable it becomes."
+ en: "Embed on your website
Please, embed this map into your website.
We encourage you to do it - you don't even have to ask permission.
It is free, and always will be. The more people using this, the more valuable it becomes."
})
},
morescreen: {
diff --git a/index.css b/index.css
index fdf8c081d..dfdc93d8e 100644
--- a/index.css
+++ b/index.css
@@ -345,8 +345,8 @@ form {
border-radius: 2em;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
- max-width: 30em;
- width: 35vw;
+ max-width: 40em;
+ width: 45vw;
max-height: calc(100vh - 15em);
overflow-y: auto;
}