From 7927e2ac887c4d94ce8e6616ffd05c67c785cfac Mon Sep 17 00:00:00 2001
From: Kevin Swiber <kswiber@gmail.com>
Date: Tue, 11 Nov 2014 05:46:42 -0800
Subject: [PATCH] Fixing action transitions on the overview page.

---
 src/styles/overview.less |  1 +
 src/styles/styles.css    | 16 ++++++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/src/styles/overview.less b/src/styles/overview.less
index 6735760..2ffd102 100644
--- a/src/styles/overview.less
+++ b/src/styles/overview.less
@@ -119,6 +119,7 @@ h1 {
   .row {
     border-top: 1px solid @gray_5;
     overflow-x: hidden;
+    .expand();
     line-height: 1rem;
     .switches, .name, .value {
         padding: 1rem 0;
diff --git a/src/styles/styles.css b/src/styles/styles.css
index 62cf73a..5214f84 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -1123,6 +1123,22 @@ h1 .back:hover {
   overflow-x: hidden;
   line-height: 1rem;
 }
+.devices .row.animate-size {
+  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
+  /*
+    height: auto;
+    max-height: 0;
+    */
+  overflow: hidden;
+}
+.devices .row.animate-size.closed {
+  height: auto;
+  max-height: 0;
+}
+.devices .row.animate-size.open {
+  height: auto;
+  max-height: 100rem;
+}
 .devices .row .switches,
 .devices .row .name,
 .devices .row .value {