NIHVIVO-2889: Applied different form element width for user account management forms. Fixed extra padding with submit buttons.

webapp/web/css/account/account.css

@@ -128,14 +128,6 @@ form.customForm p.note {
 }
 #add-account p.note {
     margin-top: 20px;
-    width: 400px;
-}
-#add-account input[type="text"],
-#create-account input[type="text"],
-#edit-account input[type="text"],
-#my-account input[type="text"],
-#my-account input[type="password"] {
-    width: 20em;
 }
 #search-feedback {
     clear: both;
@@ -151,12 +143,10 @@ form.customForm p.note {
 /* EDIT ACCOUNT ------>  */
 #edit-account p.note {
      margin-top: 3px;
-     width: 400px;
 }
 /* MY ACCOUNT ------>  */
 #my-account p.note {
      padding-bottom: 10px;
-     width: 400px;
 }
 #my-account input#email-address,
 #my-account input#new-password {
@@ -169,6 +159,7 @@ padding-right: 5px;
 #reset-password p.note {
      margin-top: 0;
 }
+
 /* ASSOCIATE PROFILE ------>  */
 .explanatoryText {
     color:#999;
@@ -260,3 +251,14 @@ padding-right: 5px;
     -webkit-border-bottom-left-radius: 5px;
     -webkit-border-bottom-right-radius: 5px;
 }
+
+/* MISCELLANEOUS ------>  */
+form.customForm input[name="firstName"],
+form.customForm input[name="lastName"],
+form.customForm input[name="newPassword"],
+form.customForm input[name="confirmPassword"] {
+    width: 10em;
+}
+#externalAuthId {
+    width: 12em;
+}

webapp/web/templates/freemarker/body/accounts/userAccounts-add.ftl

@@ -89,8 +89,7 @@
             </div>
         </#if>
         
-        <br />
-        <input type="submit" name="submitAdd" value="Add new account" class="submit" /> or <a class="cancel" href="${formUrls.list}">Cancel</a>
+        <p><input type="submit" name="submitAdd" value="Add new account" class="submit" /> or <a class="cancel" href="${formUrls.list}">Cancel</a></p>
 
         <p class="requiredHint">* required fields</p>
     </form>

webapp/web/templates/freemarker/body/accounts/userAccounts-edit.ftl

@@ -96,8 +96,8 @@
                 <input type="password" name="confirmPassword" value="${confirmPassword}" id="confirm-password" role="input" />
             </div>
         </#if>
-        <br />
-        <input type="submit" name="submitEdit" value="Save changes" class="submit" /> or <a class="cancel" href="${formUrls.list}">Cancel</a>
+
+        <p><input type="submit" name="submitEdit" value="Save changes" class="submit" /> or <a class="cancel" href="${formUrls.list}">Cancel</a></p>
 
         <p class="requiredHint">* required fields</p>
     </form>

webapp/web/templates/freemarker/body/accounts/userAccounts-firstTimeExternal.ftl

@@ -54,7 +54,7 @@
             </p>
         </#if>
 
-        <input type="submit" name="submit" value="Create account" class="submit"/> or <a class="cancel" href="${urls.home}">Cancel</a>
+        <p><input type="submit" name="submit" value="Create account" class="submit"/> or <a class="cancel" href="${urls.home}">Cancel</a></p>
     </form>
 </section>