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; }