app/assets/stylesheets/erd/erd.css.scss in erd-0.1.5 vs app/assets/stylesheets/erd/erd.css.scss in erd-0.1.6

@@ -1,6 +1,6 @@
-html, body, p, ul, ol, dl, p, li, dt, dd, form {
+html, body, p, ul, ol, dl, p, li, dt, dd, tr, td, form {
   margin: 0;
   padding: 0;
 }
 
 li {
@@ -27,19 +27,75 @@
   font-weight: normal;
 }
 
 #migration {
   table {
+    thead {
+      td {
+        text-align: center;
+        button {
+          padding: 3px 30px;
+        }
+      }
+    }
     td {
       font-size: small;
     }
     th {
       @include table-header;
     }
   }
 }
 
+@mixin active-migration {
+  height: auto;
+  * {
+    font-size: small;
+    height: auto;
+    overflow: auto;
+  }
+  input {
+    display: inline-block;
+  }
+}
+
+#migration_status {
+  width: 386px;
+  td.migration_file_name {
+    word-break: break-all;
+  }
+  td label {
+    white-space: nowrap;
+  }
+
+  tr.up {
+    font-size: 0;
+    height: 1px;
+    overflow: hidden;
+    * {
+      font-size: 0;
+      height: 1px;
+      overflow: hidden;
+    }
+    input {
+      display: none;
+    }
+    &:hover,&.active {
+      @include active-migration;
+    }
+  }
+
+  &.show_all_migrations {
+    tr.up {
+      @include active-migration;
+    }
+  }
+}
+
 #erd {
+  overflow: auto;
+  position: relative;
+
   form {
     * {
       float: left;
     }
     display: none;