diff --git a/view-webapp/src/main/webapp/js/tour-pairing.inc.js b/view-webapp/src/main/webapp/js/tour-pairing.inc.js
index 03a28be..78a709e 100644
--- a/view-webapp/src/main/webapp/js/tour-pairing.inc.js
+++ b/view-webapp/src/main/webapp/js/tour-pairing.inc.js
@@ -9,6 +9,15 @@ function pair(parts) {
     });
 }
 
+function unpair(games) {
+  api.deleteJson(`tour/${tour_id}/pair/${activeRound}`, games)
+    .then(rst => {
+      if (rst !== 'error') {
+        document.location.reload();
+      }
+    });
+}
+
 onLoad(()=>{
   $('.listitem').on('click', e => {
     if (e.shiftKey && typeof(focused) !== 'undefined') {
@@ -34,4 +43,8 @@ onLoad(()=>{
     let parts = $('#pairables')[0].childNodes.filter('.selected.listitem').map(item => parseInt(item.data("id")));
     pair(parts);
   });
+  $('#unpair').on('click', e => {
+    let games = $('#paired')[0].childNodes.filter('.selected.listitem').map(item => parseInt(item.data("id")));
+    unpair(games);
+  });
 });
diff --git a/view-webapp/src/main/webapp/tour-pairing.inc.html b/view-webapp/src/main/webapp/tour-pairing.inc.html
index 59ba431..7804130 100644
--- a/view-webapp/src/main/webapp/tour-pairing.inc.html
+++ b/view-webapp/src/main/webapp/tour-pairing.inc.html
@@ -1,3 +1,18 @@
+#set($roundPairing = $api.get("tour/${params.id}/pair/$round"))
+#if($roundPairing.error)
+<script type="text/javascript">
+  onLoad(() => {
+    showError("$roundPairing.error")
+  });
+</script>
+  #set($pairables = [])
+  #set($games = [])
+  #set($unpairables = [])
+#else
+  #set($pairables = $roundPairing.pairables)
+  #set($games = $roundPairing.games)
+  #set($unpairables = $roundPairing.unpairables)
+#end
 <div class="tab-content" id="pairing">
   <div id="pairing-content">
     <div id="pairing-round">
@@ -8,18 +23,9 @@
     </div>
     <div id="pairing-lists">
       <div id="pairables" class="multi-select" title="pairable players">
-#set($pairables = $api.get("tour/${params.id}/pair/$round"))
-#if($pairables.isObject() && $pairables.error)
-        <script type="text/javascript">
-          onLoad(() => {
-            showError("$pairables.error")
-          });
-        </script>
-#else
-  #foreach($p in $pairables)
-    #set($part = $pmap[$p])
-        <div data-id="$part.id" class="listitem pairable"><span>$part.name $part.firstname</span><span>$part.country #rank($part.rank)</span></div>
-  #end
+#foreach($p in $pairables)
+  #set($part = $pmap[$p])
+        <div data-id="$part.id" class="listitem pairable"><span>$part.name $part.firstname</span><span>#rank($part.rank) $part.country</span></div>
 #end
       </div>
       <div id="pairing-buttons">
@@ -33,9 +39,18 @@
         </button>
       </div>
       <div id="paired" class="multi-select" title="games">
+#foreach($game in $games)
+  #set($white = $pmap[$game.w])
+  #set($black = $pmap[$game.b])
+        <div class="listitem game" data-id="$game.id"><span class="table">#t</span><span class="white">#if($white)$white.name $white.firstname #rank($white.rank)#{else}BIP#end</span><span>&nbsp;</span><span class="black">#if($black)$black.name $black.firstname #rank($black.rank)#{else}BIP#end</span><span class="handicap">$game.h</span></div>
+#end
       </div>
     </div>
     <div id="unpairables" class="multi-select" title="unpairable players">
+#foreach($p in $unpairables)
+  #set($part = $pmap[$p])
+      <div class="listitem unpairable" data-id="$part.id"><span>$part.name $part.firstname</span><span>#rank($part.rank) $part.country</span></div>
+#end
     </div>
   </div>
 </div>