From df5dcc34f63db20328d94d023c1294c2d3e8e1b6 Mon Sep 17 00:00:00 2001
From: Clinton Alexander <clinton.alexander@r3cev.com>
Date: Mon, 25 Jul 2016 11:23:43 +0100
Subject: [PATCH] Improved homepage theming.

---
 .../r3corda/demos/irswebdemo/view/home.html   | 45 ++++++++++---------
 1 file changed, 24 insertions(+), 21 deletions(-)

diff --git a/src/main/resources/com/r3corda/demos/irswebdemo/view/home.html b/src/main/resources/com/r3corda/demos/irswebdemo/view/home.html
index dd7c7892bb..6e950114a5 100644
--- a/src/main/resources/com/r3corda/demos/irswebdemo/view/home.html
+++ b/src/main/resources/com/r3corda/demos/irswebdemo/view/home.html
@@ -1,32 +1,35 @@
 <div class="ui container">
     <div class="ui negative message" id="http-error" ng-show="httpError">{{httpError}}</div>
     <div class="ui info message" id="info-message" ng-show="infoMsg">{{infoMsg}}</div>
-    <div class="ui secondary menu">
-        <div class="ui active dimmer" ng-show="isLoading()">
-            <div class="ui text loader">Loading</div>
-        </div>
-        <div class="left item">
-            <div class="ui left labeled button">
-                <span class="ui basic label">{{date.year}}</span>
-                <button class="ui icon button" ng-click="updateDate('year')"><i class="plus icon"></i></button>
+    <div class="ui active dimmer" ng-show="isLoading()">
+        <div class="ui text loader">Loading</div>
+    </div>
+    <div class="ui grid">
+        <div class="two column row">
+            <div class="left column">
+                <div class="ui left labeled button">
+                    <span class="ui basic label">{{date.year}}</span>
+                    <button class="ui icon button" ng-click="updateDate('year')"><i class="plus icon"></i></button>
+                </div>
+                <div class="ui left labeled button">
+                    <span class="ui basic label">{{date.month}}</span>
+                    <button class="ui icon button" ng-click="updateDate('month')"><i class="plus icon"></i></button>
+                </div>
+                <div class="ui left labeled button">
+                    <span class="ui basic label">{{date.day}}</span>
+                    <button class="ui icon button" ng-click="updateDate('day')"><i class="plus icon"></i></button>
+                </div>
             </div>
-            <div class="ui left labeled button">
-                <span class="ui basic label">{{date.month}}</span>
-                <button class="ui icon button" ng-click="updateDate('month')"><i class="plus icon"></i></button>
+            <div class="right aligned column">
+                <a class="ui primary button" href="#/create-deal">Create Deal</a>
             </div>
-            <div class="ui left labeled button">
-                <span class="ui basic label">{{date.day}}</span>
-                <button class="ui icon button" ng-click="updateDate('day')"><i class="plus icon"></i></button>
-            </div>
-        </div>
-        <div class="right item">
-            <a class="ui primary button" href="#/create-deal">Create Deal</a>
         </div>
     </div>
     <div class="ui main">
-
-        <h3 class="ui header">Recent deals</h3>
-
+        <h2 class="ui horizontal divider header">
+            <i class="browser icon"></i>
+            Recent deals
+        </h2>
         <table class="ui striped table">
             <thead>
             <tr class="center aligned">