Reorder add device warning (#1188)

* Reorder add device warning This makes the "add device" warning more consistent with the "add recovery" warning. * 🤖 Selenium screenshots auto-update --------- Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
dfinity · Jan 31, 2023 · 7a9181a · 7a9181a
1 parent 26da2ce
commit 7a9181a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/screenshots/desktop/displayManageSingle.png b/screenshots/desktop/displayManageSingle.png
diff --git a/screenshots/mobile/displayManageSingle.png b/screenshots/mobile/displayManageSingle.png
diff --git a/src/frontend/src/flows/manage/index.ts b/src/frontend/src/flows/manage/index.ts
@@ -163,6 +163,14 @@ const devicesSection = (
             </span>
           </span>
         </div>
+        ${
+          isWarning === true
+            ? html`<p class="warning-message t-paragraph t-lead">
+                We recommend that you have at least two devices (for example,
+                your computer and your phone).
+              </p>`
+            : undefined
+        }
 
         <div class="c-action-list">
           <div id="deviceList"></div>
@@ -182,15 +190,6 @@ const devicesSection = (
           </div>
 
         </div>
-        ${
-          isWarning === true
-            ? html`<p class="warning-message t-paragraph t-lead">
-                <strong class="t-strong">Warning!</strong> We recommend that you
-                have at least two devices (for example, your computer and your
-                phone).
-              </p>`
-            : undefined
-        }
       </div>
     </aside>`;
 };