diff --git a/openid-connect-server/src/main/webapp/WEB-INF/views/admin/manage/clients.jsp b/openid-connect-server/src/main/webapp/WEB-INF/views/admin/manage/clients.jsp
index dca16bed7..c45a84788 100644
--- a/openid-connect-server/src/main/webapp/WEB-INF/views/admin/manage/clients.jsp
+++ b/openid-connect-server/src/main/webapp/WEB-INF/views/admin/manage/clients.jsp
@@ -17,7 +17,7 @@
                     <a class="btn btn-small btn-primary" href="#">New Client</a>
                 </div>
 
-                <table id="client-table">
+                <table id="client-table" class="table">
                     <thead>
                     <tr>
                         <th>Name</th>
@@ -25,7 +25,7 @@
                         <th>Grant Types</th>
                         <th>Scope</th>
                         <th>Authority</th>
-                        <th class="span8">Description</th>
+                        <th>Description</th>
                         <th>Refresh Tokens</th>
                         <th class="span1"></th>
                         <th class="span1"></th>
diff --git a/openid-connect-server/src/main/webapp/resources/js/app.js b/openid-connect-server/src/main/webapp/resources/js/app.js
index 2f57ece7b..bdce97e28 100644
--- a/openid-connect-server/src/main/webapp/resources/js/app.js
+++ b/openid-connect-server/src/main/webapp/resources/js/app.js
@@ -1,8 +1,7 @@
-$(function () {
+//$(function () {
 
 
-
-    var Client = Backbone.Model.extend({
+    var ClientModel = Backbone.Model.extend({
 
         // We can pass it default values.
         defaults:{
@@ -20,7 +19,7 @@ $(function () {
     });
 
     var ClientCollection = Backbone.Collection.extend({
-        model:Client,
+        model:ClientModel,
         url:"../api/clients"
     });
 
@@ -39,30 +38,27 @@ $(function () {
                 });
             }
 
-            //this.model.bind("change", this.render, this);
-            debugger;
+            this.model.bind("change", this.render, this);
         },
 
         render:function (eventName) {
-            $(this.el).html(this.template(this.model.toJSON()));
+
+            $(this.el).append(this.template(this.model.toJSON()));
+
             return this;
         },
 
         events:{
-            "change input":"change",
-            "click .save":"saveClient",
-            "click .delete":"deleteClient"
+            "click .btn-edit":"editClient",
+            "click .btn-delete":"deleteClient"
         },
 
-        change:function (event) {
-        },
-
-        saveClient:function () {
-
+        editClient:function () {
+            alert('edit');
         },
 
         deleteClient:function () {
-
+            alert('delete');
         },
 
         close:function () {
@@ -71,8 +67,13 @@ $(function () {
         }
     });
 
-    var view = new ClientView;
+    var view = new ClientView({
+        el:$('#client-table tbody'),
+        model: new ClientModel()
+    });
 
-});
+    view.model.set({name:'hello world'});
+
+//});
 
 
diff --git a/openid-connect-server/src/main/webapp/resources/mockup/manage_client_test.html b/openid-connect-server/src/main/webapp/resources/mockup/manage_client_test.html
index ade08f012..4ba5709f5 100644
--- a/openid-connect-server/src/main/webapp/resources/mockup/manage_client_test.html
+++ b/openid-connect-server/src/main/webapp/resources/mockup/manage_client_test.html
@@ -93,7 +93,7 @@
             <a class="btn btn-small btn-primary" href="#">New Client</a>
         </div>
 
-            <table id="client-table">
+            <table id="client-table" class="table">
                 <thead>
                 <tr>
                     <th>Name</th>
@@ -101,7 +101,7 @@
                     <th>Grant Types</th>
                     <th>Scope</th>
                     <th>Authority</th>
-                    <th class="span8">Description</th>
+                    <th>Description</th>
                     <th>Refresh Tokens</th>
                     <th class="span1"></th>
                     <th class="span1"></th>