Fixing a demo bug

dist/ratchet.css

@@ -567,7 +567,7 @@ select {
   background-color: #333;
   transition: opacity .1s linear, background-color .1s linear;
 }
-[class*="button"]:active:active, [class*="button"].button-filled:active {
+[class*="button"].button-filled:active {
   opacity: .6;
 }
 

lib/sass/buttons.scss

@@ -23,10 +23,9 @@
     color: #fff;
     background-color: #333;
     transition: opacity .1s linear, background-color .1s linear;
-
-    &:active {
-      opacity: .6;
-    }
+  }
+  &.button-filled:active {
+    opacity: .6;
   }
 }
 

test/app/choose-theater.html

@@ -25,6 +25,11 @@
     </a>
     <h1 class="title">Argo</h1>
   </header>
+  <nav class="bar-standard bar-header-secondary">
+    <form>
+      <input type="search" placeholder="Search theaters">
+    </form>
+  </nav>
 
   <nav class="bar-tab">
     <ul class="tab-inner">

test/app/index.html

@@ -69,7 +69,7 @@
     <ul class="table-view">
       <li class="table-view-divider">Recommended movies</li>
       <li>
-        <a href="choose-theater.html">
+        <a href="choose-theater.html" data-transition="slide-in">
           <strong>Argo</strong>
           <p>Lorem ipsum dolor sit amet</p>
           <span class="chevron"></span>