From d4bbd5ee15683532387fb0fa9fd8d7e47f10e0cf Mon Sep 17 00:00:00 2001
From: Thomas Weber <muffin@muffin.ink>
Date: Sat, 4 Jun 2022 20:03:04 -0500
Subject: [PATCH] Improve importing project screen

---
 src/locales/en.json         |  4 ++++
 src/p4/ImportProject.svelte | 12 ++++++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 4f0d973..eb3fc33 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -563,6 +563,10 @@
   "import": {
     "header": {
       "string": "Importing project...",
+      "description": "Header that appears when importing a project from an external site"
+    },
+    "description": {
+      "string": "This may take a while if the project is large.",
       "description": "Appears when importing a project from an external site"
     },
     "cancel": {
diff --git a/src/p4/ImportProject.svelte b/src/p4/ImportProject.svelte
index 949bfaa..05667bb 100644
--- a/src/p4/ImportProject.svelte
+++ b/src/p4/ImportProject.svelte
@@ -31,9 +31,17 @@
     background: rgba(0, 0, 0, 0.8);
     color: white;
   }
+  .inner {
+    max-width: 480px;
+  }
 </style>
 
 <div class="outer" out:fade={{duration: 200}}>
-  <h1>{$_('import.header')}</h1>
-  <button on:click={cancel}>{$_('import.cancel')}</button>
+  <div class="inner">
+    <h2>{$_('import.header')}</h2>
+    <p>
+      {$_('import.description')}
+    </p>
+    <button on:click={cancel}>{$_('import.cancel')}</button>
+  </div>
 </div>