diff --git a/views/app/index.html b/views/app/index.html
index 6bbc820f25..c7e34ed1cf 100644
--- a/views/app/index.html
+++ b/views/app/index.html
@@ -41,38 +41,44 @@
           </@footer>
       </app:myModal>
 
-      <app:myModal modalId="customizations-modal" header="Customize">
-          {#with _user.preferences}
-              <table class='customize'><tr>
-                  <td><div class='m_head_0' x-bind='click:customizeGender' data-value='m'></div></td>
-                  <td><div class='f_head_0' x-bind='click:customizeGender' data-value='f'></div></td>
-              </tr></table>
+      <app:myModal modalId="party-modal">
+          {#if _user.party.current}
+              <h2>{_party.name}</h2>
+              <table class="table table-striped">
+                  {#each _partyMembers as :member}
+                  <tr><td>{username(:member.auth)}</td><td>({:member.id})</td></tr>
+                  {/}
+              </table>
+              <form class=form-inline x-bind="submit: partyInvite">
+                  {#if _view.partyError}
+                  <div class='alert alert-danger'>{_view.partyError}</div>
+                  {/}
+                  <div class='control-group'>
+                      <input type="text" class="input-medium" placeholder="User Id" value="{_newPartyMember}">
+                      <input type="submit" class="btn" value="Invite" />
+                  </div>
+              </form>
+              <a class='btn btn-danger' x-bind="click: partyLeave">Leave</a>
 
-              <table class='customize'><tr>
-                  <td><div class='{.gender}_hair_blond' x-bind="click:customizeHair" data-value='blond'></div></td>
-                  <td><div class='{.gender}_hair_black' x-bind="click:customizeHair" data-value='black'></div></td>
-                  <td><div class='{.gender}_hair_brown' x-bind="click:customizeHair" data-value='brown'></div></td>
-                  <td><div class='{.gender}_hair_white' x-bind="click:customizeHair" data-value='white'></div></td>
-              </tr></table>
+          {else if _user.party.invitation}
+              <!-- TODO show by whom -->
+              <h2>You're Invited To {_party.name}</h2>
+              <a class='btn btn-success' x-bind="click: partyAccept">Accept</a>
+              <a class='btn btn-danger' x-bind="click: partyReject">Reject</a>
 
-              <table class='customize'><tr>
-                  <td><div class='{.gender}_skin_dead' x-bind="click:customizeSkin" data-value='dead'></div></td>
-                  <td><div class='{.gender}_skin_orc' x-bind="click:customizeSkin" data-value='orc'></div></td>
-                  <td><div class='{.gender}_skin_asian' x-bind="click:customizeSkin" data-value='asian'></div></td>
-                  <td><div class='{.gender}_skin_black' x-bind="click:customizeSkin" data-value='black'></div></td>
-                  <td><div class='{.gender}_skin_white' x-bind="click:customizeSkin" data-value='white'></div></td>
-              </tr></table>
-
-              {#if equal(_user.preferences.gender, 'f')} <!-- Sorry boys -->
-              <table class='customize'><tr>
-                  <td><div class='f_armor_0_v1' x-bind="click:customizeArmorSet" data-value='v1'></div></td>
-                  <td><div class='f_armor_0_v2' x-bind="click:customizeArmorSet" data-value='v2'></div></td>
-              </tr></table>
-              {/}
+          {else}
+              <h2>Create A Party</h2>
+              <!-- Not in a party , no invites - create a new one -->
+              <form class=form-inline x-bind="submit: partyCreate">
+                  {#if _view.partyError}
+                  <div class='alert alert-danger'>{_view.partyError}</div>
+                  {/}
+                  <div class=control-group>
+                      <input type="text" class="input-medium" placeholder="Party Name" value="{_newParty}">
+                      <input type="submit" class="btn" value="Create" />
+                  </div>
+              <form>
           {/}
-          <@footer>
-            <button data-dismiss="modal" class="btn btn-success">Ok</button>
-          </@footer>
       </app:myModal>
 
   {else}
@@ -121,46 +127,38 @@
       </@footer>
   </app:myModal>
 
-  <app:myModal modalId="party-modal">
+  <app:myModal modalId="customizations-modal" header="Customize">
+      {#with _user.preferences}
+      <table class='customize'><tr>
+          <td><div class='m_head_0' x-bind='click:customizeGender' data-value='m'></div></td>
+          <td><div class='f_head_0' x-bind='click:customizeGender' data-value='f'></div></td>
+      </tr></table>
 
-      {#if _user.party.current}
-        <h2>{_party.name}</h2>
-        <table class="table table-striped">
-        {#each _partyMembers as :member}
-            <tr><td>{username(:member.auth)}</td><td>({:member.id})</td></tr>
-        {/}
-        </table>
-        <form class=form-inline x-bind="submit: partyInvite">
-          {#if _view.partyError}
-            <div class='alert alert-danger'>{_view.partyError}</div>
-          {/}
-          <div class='control-group'>
-              <input type="text" class="input-medium" placeholder="User Id" value="{_newPartyMember}">
-              <input type="submit" class="btn" value="Invite" />
-          </div>
-        </form>
-        <a class='btn btn-danger' x-bind="click: partyLeave">Leave</a>
+      <table class='customize'><tr>
+          <td><div class='{.gender}_hair_blond' x-bind="click:customizeHair" data-value='blond'></div></td>
+          <td><div class='{.gender}_hair_black' x-bind="click:customizeHair" data-value='black'></div></td>
+          <td><div class='{.gender}_hair_brown' x-bind="click:customizeHair" data-value='brown'></div></td>
+          <td><div class='{.gender}_hair_white' x-bind="click:customizeHair" data-value='white'></div></td>
+      </tr></table>
 
-    {else if _user.party.invitation}
-        <!-- TODO show by whom -->
-        <h2>You're Invited To {_party.name}</h2>
-        <a class='btn btn-success' x-bind="click: partyAccept">Accept</a>
-        <a class='btn btn-danger' x-bind="click: partyReject">Reject</a>
-
-    {else}
-        <h2>Create A Party</h2>
-        <!-- Not in a party , no invites - create a new one -->
-        <form class=form-inline x-bind="submit: partyCreate">
-            {#if _view.partyError}
-              <div class='alert alert-danger'>{_view.partyError}</div>
-            {/}
-            <div class=control-group>
-                <input type="text" class="input-medium" placeholder="Party Name" value="{_newParty}">
-                <input type="submit" class="btn" value="Create" />
-            </div>
-        <form>
-    {/}
+      <table class='customize'><tr>
+          <td><div class='{.gender}_skin_dead' x-bind="click:customizeSkin" data-value='dead'></div></td>
+          <td><div class='{.gender}_skin_orc' x-bind="click:customizeSkin" data-value='orc'></div></td>
+          <td><div class='{.gender}_skin_asian' x-bind="click:customizeSkin" data-value='asian'></div></td>
+          <td><div class='{.gender}_skin_black' x-bind="click:customizeSkin" data-value='black'></div></td>
+          <td><div class='{.gender}_skin_white' x-bind="click:customizeSkin" data-value='white'></div></td>
+      </tr></table>
 
+      {#if equal(_user.preferences.gender, 'f')} <!-- Sorry boys -->
+      <table class='customize'><tr>
+          <td><div class='f_armor_0_v1' x-bind="click:customizeArmorSet" data-value='v1'></div></td>
+          <td><div class='f_armor_0_v2' x-bind="click:customizeArmorSet" data-value='v2'></div></td>
+      </tr></table>
+      {/}
+      {/}
+      <@footer>
+          <button data-dismiss="modal" class="btn btn-success">Ok</button>
+      </@footer>
   </app:myModal>
 
 <alerts:>