Detail panel

2 files changed, 11 insertions, 0 deletions

diff --git a/index.html b/index.html
index 424dbd2..1c69906 100644
--- a/index.html
+++ b/index.html
@@ -15,6 +15,11 @@
              ng-repeat="step in steps">
             {{step.name}}
         </div>
+        <div class="details"
+             ng-show="selected">
+            <h3>{{step.name}}</h3>
+            <em>State:</em> {{step.data.state}}
+        </div>
     </div>
 </body>
 </html>
diff --git a/style.css b/style.css
index 42a8f20..b2a9d46 100644
--- a/style.css
+++ b/style.css
@@ -77,3 +77,9 @@ h1>span {
         top: 45%;
 }
 
+.detail {
+    background: #eee;
+    display: block;
+    padding: 1em;
+    border-radius: 0.5em;
+}