From d59b50794ee245663f9157699313eb8bf2877e5f Mon Sep 17 00:00:00 2001
From: Nico Verbruggen <nico.verb@gmail.com>
Date: Tue, 3 Jun 2014 14:27:29 +0200
Subject: [PATCH] BounceIn effect in liveboard search

---
 app/views/stations/search.blade.php | 2 +-
 public/css/main.css                 | 4 ++++
 public/css/main.scss                | 5 +++++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/views/stations/search.blade.php b/app/views/stations/search.blade.php
index 3d296a9f..9acbc4fa 100644
--- a/app/views/stations/search.blade.php
+++ b/app/views/stations/search.blade.php
@@ -17,7 +17,7 @@
                         <label for="departure">{{Lang::get('client.stationName')}}</label>
                         <input type="text" ng-model="departure" placeholder="{{Lang::get('client.stationSearchPlaceholder')}}" typeahead="station as station.name for station in stations.stations | filter:{name:$viewValue} | limitTo:5" typeahead-template-url="customTemplate.html" class="form-control input-lg">
                     </div>
-                    <a href="{{ URL::to('stations') }}/@{{departure.id}}" ng-show="departure.id" class="btn btn-primary btn-wide btn-lg">{{Lang::get('client.viewLiveboard')}}</a>
+                    <a href="{{ URL::to('stations') }}/@{{departure.id}}" ng-show="departure.id" class="btn btn-primary btn-wide btn-lg bounceIn">{{Lang::get('client.viewLiveboard')}}</a>
                 </div>
             </div>
         </div>
diff --git a/public/css/main.css b/public/css/main.css
index 4b6aef3c..a2c3a789 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -160,6 +160,10 @@ input.ng-invalid {
   -webkit-animation: fadeIn 0.7s;
   animation: fadeIn 0.7s; }
 
+a.bounceIn.ng-hide-remove {
+  -webkit-animation: bounceIn 0.7s;
+  animation: bounceIn 0.7s; }
+
 .row.loading.ng-hide-remove {
   -webkit-animation: bounceIn 0.7s;
   animation: bounceIn 0.7s; }
diff --git a/public/css/main.scss b/public/css/main.scss
index d7008cec..defad7b1 100644
--- a/public/css/main.scss
+++ b/public/css/main.scss
@@ -203,6 +203,11 @@ input.ng-invalid {
   animation: fadeIn 0.7s;
   }
 
+a.bounceIn.ng-hide-remove {
+  -webkit-animation: bounceIn 0.7s;
+  animation: bounceIn 0.7s;
+  }
+
 
 .row.loading.ng-hide-remove {
   -webkit-animation: bounceIn 0.7s;