From 0f11ae1875aa7e21683953b45e45afb38c00c07a Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Tue, 3 Jul 2018 18:22:19 -0700
Subject: No longer elevate relayer grid tile on long press

---
 packages/website/ts/components/relayer_index/relayer_grid_tile.tsx | 5 +++--
 packages/website/ts/style/media.ts                                 | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

(limited to 'packages/website/ts')

diff --git a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx b/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx
index 02bc1b014..431cf145b 100644
--- a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx
+++ b/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx
@@ -108,12 +108,13 @@ export const RelayerGridTile: React.StatelessComponent<RelayerGridTileProps> = (
 
 const GridTile = styled(PlainGridTile)`
     cursor: pointer;
-    transition: transform 0.2s ease;
     &:hover {
+        transition: transform 0.2s ease;
         transform: translate(0px, -3px);
     }
     ${media.small`
-        transform: none;
+        transform: none !important;
+        transition: none !important;
     `};
 `;
 
diff --git a/packages/website/ts/style/media.ts b/packages/website/ts/style/media.ts
index 3c992eb9f..870d9a277 100644
--- a/packages/website/ts/style/media.ts
+++ b/packages/website/ts/style/media.ts
@@ -2,7 +2,7 @@ import { css } from 'ts/style/theme';
 import { ScreenWidths } from 'ts/types';
 
 const generateMediaWrapper = (screenWidth: ScreenWidths) => (...args: any[]) => css`
-    @media (max-width: ${screenWidth}) {
+    @media (max-width: ${screenWidth}em) {
         ${css.apply(css, args)};
     }
 `;
-- 
cgit