From aed949e2210866a1a38ba8495c7a929f5d5c44d6 Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Wed, 11 Dec 2019 14:10:32 -0800
Subject: [PATCH] Fix layout of instance id

---
 src/setupdns.html | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/setupdns.html b/src/setupdns.html
index 75527f0fc..d90f974e1 100644
--- a/src/setupdns.html
+++ b/src/setupdns.html
@@ -166,18 +166,19 @@
                                     <span>Setup an A record for <b>my.{{ dnsCredentials.domain || 'example.com' }}</b> to this server's IP.<br/></span>
                                 </p>
 
-                                <div ng-show="provider === 'ami'">
-                                    <br/>
-                                    <h3>Owner verification</h3>
-                                    <p>Provide the EC2 instance id to verify you have access to this server.</p>
-                                    <div class="form-group" ng-class="{ 'has-error': dnsCredentialsForm.instanceId.$dirty && (dnsCredentialsForm.instanceId.$invalid || error.ami) }">
-                                        <input type="text" class="form-control" ng-model="instanceId" id="inputInstanceId" name="instanceId" placeholder="AWS EC2 instance id" ng-maxlength="20" ng-minlength="10" ng-required="provider === 'ami'" autocomplete="off">
-                                    </div>
-                                    <p>&nbsp;<span ng-show="error" class="text-danger">{{ error.ami }}</span></p>
-                                </div>
-
                                 <p class="small text-info" ng-show="needsPort80(dnsCredentials.provider, dnsCredentials.tlsConfig.provider)">Let's Encrypt requires your server to be reachable on port 80</p>
 
+                                <div ng-show="provider === 'ami'">
+                                    <h3 class="text-center">Owner verification</h3>
+                                    <p class="has-error text-center" ng-show="error.emi">{{ error.emi }}</p>
+
+                                    <div class="form-group" ng-class="{ 'has-error': dnsCredentialsForm.instanceId.$dirty && (dnsCredentialsForm.instanceId.$invalid || error.ami) }">
+                                        <label class="control-label">EC2 Instance Id</label>
+                                        <input type="text" class="form-control" ng-model="instanceId" id="inputInstanceId" name="instanceId" placeholder="Instance id" ng-minlength="1" ng-required="provider === 'ami'" autocomplete="off">
+                                    </div>
+                                    <p style="margin-top: 5px; font-size: 13px;">Provide the EC2 instance id to verify you have access to this server.</p>
+                                </div>
+
                                 <br/>
                                 <div uib-collapse="!advancedVisible">
                                     <div ng-show="false">