session page

Author: mwunderl

public/session.html

@@ -1,7 +1,20 @@
 <div id="session">
   <div class="session-header">{{ session.name }}</div>
   <div id="user"><h6>{{ user.name}}</h6></div>
-  <div>
+  <div class="sub-header">Create a game</div>
+  <div id="create-game-form">
+    <form name="create-game">
+      <div><input name="name" ng-model="gamename" placeholder="game name" required><br/></div>
+      <div id="rules-select">Rules:
+        <select name="rules" ng-model="gamerules">
+          <option ng-repeat="rules in allrules" value="{{ rules.id }}">{{rules.name}}</option>
+        </select>
+      </div>
+      <div id="create" class="button" ng-click="createGame(gamename, gamerules)">Create</div>
+    </form>
+  </div>
+  <div id="games">
+    <div class="sub-header">Games</div>
     <div class="session-game" ng-repeat="game in games">
       <div class="batsu" ng-click="deleteGame($index)">&times; </div>
       <div class="game-name">{{ game.name }}</div>
@@ -18,16 +31,4 @@
       </div>
     </div>
   </div>
-  <div class="sub-header">Create a game</div>
-  <div>
-  <form name="create-game">
-    <div><input name="name" ng-model="gamename" placeholder="game name" required><br/></div>
-    <div id="rules-select">Rules:
-      <select name="rules" ng-model="gamerules">
-        <option ng-repeat="rules in allrules" value="{{ rules.id }}">{{rules.name}}</option>
-      </select>
-    </div>
-    <div id="create" class="button" ng-click="createGame(gamename, gamerules)">Create</div>
-  </form>
-  </div>
 </div>