Fix mobile transitions (sort of)

UI/Templates/ContactsUI/UIxContactFoldersView.wox

@@ -282,7 +282,10 @@
         </md-content>
         <!-- This extra container is used to animate views transitions
              double quotes in ng-animate is not a typo                         -->
-        <div id="detailView" class="view-detail" ui-view="card" layout="column" ng-animate="'view'"><!-- card view --></div>
+        <div id="detailView" class="view-detail"  layout="column">
+          <md-card class="viewer" ui-view="card"><!-- card view --></md-card>
+        </div>
+
         <md-button class="iconButton md-fab md-accent" label:aria-label="New Contact" ui-sref="addressbook.new({addressbookId: addressbook.id, contactType: 'card'})"><i class="md-icon-add"><!--icon--></i></md-button>
       </div>
 

UI/WebServerResources/scss/components/card/card.scss

@@ -5,6 +5,7 @@ $card-box-shadow: $whiteframe-shadow-z1 !default;
 
 md-card {
   box-sizing: border-box;
+  overflow: hidden;
   display: flex;
   flex-direction: column;
   background-color: sg-color($sogoPaper, 50);
@@ -18,5 +19,6 @@ md-card {
 
   md-card-content {
     order: 1;
+    transition: $swift-ease-in-out;
   }
 }

UI/WebServerResources/scss/styles.scss

@@ -13,7 +13,7 @@
 @import '_breakpoint.scss', '_sassy-maps.scss';
 // This is no longer required because we use grunt-contrib-compass (ruby required)
 //@import '_compass.scss';
-@import 'SassyJSON';
+//@import 'SassyJSON';
 
 @import 'core/variables'; // Will be replace by a complete 'config file