improve look and feel.

5 files changed, 63 insertions, 23 deletions

diff --git a/app/assets/javascripts/templates/environment.hbs b/app/assets/javascripts/templates/environment.hbs
index 83ab1bd..58d3900 100644
--- a/app/assets/javascripts/templates/environment.hbs
+++ b/app/assets/javascripts/templates/environment.hbs
@@ -1,3 +1,11 @@
-<h4>details for {{name}}</h4>
-<a href="#" {{action "deleteEnvironment"}}>delete</a>
-<p>API Key: {{apiKey}}</p>
+<div class="panel panel-default">
+  <div class="panel-heading">
+    API Key for {{name}}
+  </div>
+  <div class="panel-body">
+    <p>
+    {{apiKey}}
+    <a href="#" {{action "deleteEnvironment"}} class="btn btn-danger">delete</a>
+    </p>
+  </div>
+</div>
diff --git a/app/assets/javascripts/templates/service.hbs b/app/assets/javascripts/templates/service.hbs
index d9c7308..ad59301 100644
--- a/app/assets/javascripts/templates/service.hbs
+++ b/app/assets/javascripts/templates/service.hbs
@@ -1,7 +1,11 @@
-<h3>{{name}}</h3>
-{{#link-to 'service.edit' this}}edit{{/link-to}}
-<a href="#" {{action "deleteService"}}>delete</a>
+<div class="row">
+  <div class="col-md-12">
+    <h3>{{name}}</h3>
 
-{{#link-to 'service.environments' this}}environments{{/link-to}}
+    {{#link-to 'service.edit' this class="btn btn-default"}}edit{{/link-to}}
+    <a href="#" {{action "deleteService"}} class="btn btn-danger">delete</a>
 
+    {{#link-to 'service.environments' this}}environments{{/link-to}}
+  </div>
+</div>
 {{outlet}}
diff --git a/app/assets/javascripts/templates/service/environments.hbs b/app/assets/javascripts/templates/service/environments.hbs
index 33cf341..b8ad61c 100644
--- a/app/assets/javascripts/templates/service/environments.hbs
+++ b/app/assets/javascripts/templates/service/environments.hbs
@@ -1,9 +1,14 @@
-<h1>Environments</h1>
-{{#link-to 'service.environments.new'}}New{{/link-to}}
+<div class="row">
+  <div class="col-md-12">
 
-<ul>
-  {{#each environment in controller}}
-  <li>{{#link-to 'environment' environment}}{{environment.name}}{{/link-to}}</li>
-  {{/each}}
-</ul>
+    <h1>Environments</h1>
+    {{#link-to 'service.environments.new' class="btn btn-default"}}New{{/link-to}}
+
+    <ul class="nav nav-pills">
+      {{#each environment in controller}}
+      <li role="presentation">{{#link-to 'environment' environment class="list-group-item"}}{{environment.name}}{{/link-to}}</li>
+      {{/each}}
+    </ul>
+  </div>
+</div>
 {{outlet}}
diff --git a/app/assets/javascripts/templates/services.hbs b/app/assets/javascripts/templates/services.hbs
index 1d70a9b..0ee0239 100644
--- a/app/assets/javascripts/templates/services.hbs
+++ b/app/assets/javascripts/templates/services.hbs
@@ -1,13 +1,35 @@
-<h1>Services</h1>
+<ol class="breadcrumb">
+  <li><a href="#">Home</a></li>
+  <li class="active">{{#link-to 'services'}}Services{{/link-to}}</li>
+</ol>
 
-{{input value=search placeholder="search" classNames="search"}}
+<div class="page-header">
+  <h1>Services <small>management</small></h1>
+</div>
 
-{{#link-to 'services.new'}}new service{{/link-to}}
+<div class="row">
+  <div class="col-md-10">
+    <div class="input-group">
+      {{input value=search placeholder="Search" classNames="form-control"}}
+      <span class="input-group-btn">
+        <button class="btn btn-default" type="button">Search!</button>
+      </span>
+    </div><!-- /input-group -->
+  </div><!-- /.col-md-6 -->
+  <div class="col-md-2">
+    {{#link-to 'services.new' class="btn btn-default"}}new service{{/link-to}}
+  </div><!-- /.col-md-3 -->
+</div><!-- /.row -->
 
-<ul class="nav nav-pills nav-stacked well">
-{{#each service in services}}
-  <li> {{#link-to 'service' service}}{{service.name}}{{/link-to}} </li>
-{{/each}}
-</ul>
+<br />
+<div class="row">
+  <div class="col-md-12">
+    <ul class="nav nav-pills">
+    {{#each service in services}}
+      <li role="presentation">{{#link-to 'service' service class="list-group-item"}}{{service.name}}{{/link-to}}</li>
+    {{/each}}
+    </ul>
+  </div>
+</div>
 
 {{outlet}}
diff --git a/app/assets/javascripts/templates/services/new.hbs b/app/assets/javascripts/templates/services/new.hbs
index 448019d..26468cd 100644
--- a/app/assets/javascripts/templates/services/new.hbs
+++ b/app/assets/javascripts/templates/services/new.hbs
@@ -11,4 +11,5 @@
 </fieldset>
 </form>
 
-<input type="submit" value="Create" {{action 'createService'}} />
+<button type="submit" {{action 'createService'}} class="btn btn-primary">Create</button>
+{{#link-to 'services'}}Cancel{{/link-to}}