[ux] bring back transforms

public/css/_mixins.styl

@@ -16,6 +16,12 @@ noselect()
   -ms-user-select: none
   user-select: none
 
+transform()
+  -webkit-transform: arguments
+  -moz-transform: arguments
+  -ms-transform: arguments
+  transform: arguments
+
 borderbox()
   -moz-box-sizing: border-box
   -webkit-box-sizing: border-box

public/css/otalk.css

@@ -961,6 +961,10 @@ button.secondary:hover:not(:disabled) {
   right: 10px;
   height: 20%;
   border: 2px solid #eee;
+  -webkit-transform: scaleX(-1);
+  -moz-transform: scaleX(-1);
+  -ms-transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 .conversation header .activeCall .button-wrap {
   position: absolute;
@@ -1212,6 +1216,9 @@ button.secondary:hover:not(:disabled) {
 }
 #calls:empty,
 #calls.ending {
+  -webkit-transform: translateY(-80px);
+  -moz-transform: translateY(-80px);
+  -ms-transform: translateY(-80px);
   transform: translateY(-80px);
 }
 #calls .call {

public/x-manifest.cache

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# 0.0.1 1382694727785
+# 0.0.1 1382695978402
 
 CACHE:
 /app.js