From 98e2de68dab612cf892aba4b1178915945611bf7 Mon Sep 17 00:00:00 2001
From: Connor Turland <connorturland@gmail.com>
Date: Sun, 23 Oct 2016 16:49:16 -0400
Subject: [PATCH] oooh was using ineffective media queries for desktop

---
 app/assets/images/.DS_Store            | Bin 18436 -> 16388 bytes
 app/assets/stylesheets/mobile.scss.erb |   8 ++++----
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/assets/images/.DS_Store b/app/assets/images/.DS_Store
index faa17423b952a6839ab40a32e5b658b6d996199e..2bbe5f6a30a17587916373a8968facc58339b0db 100644
GIT binary patch
delta 874
zcmb7D&rcIU6#i!EmI70|6|t!%veAu{7@&nnNbm$T1}_{8Aw8Dewbtx*Yk!~w41|z)
zG7;w=@Tlkc9|)dQym%n|1Drg_QGGiF>=I+*Br|Wa-+SNp=DoK&Z`jTjvjDKUwo?FR
z=$fD%T7%Q^3NXp$2X?JHL+kV*MgUMo1umL?P%Q2~yCw3)*r?V45l0n%w}aDe*}%cW
zFD`iix|p0^WV14@o#@ikl1%m{VhL7|Ths3tvBMCCkrl&MR&20-$qmLf<7gs48#Op+
zdX>T>JMim@E%x&Y*$5sc)zSRgsEsJE3%K)7y#Az%U#G`H^7PBT^eR2f#dC~NDm8dm
z6ZvdL&j8xK+_?5bW22Ir9}}tW^!nd_mwUOgzN}NQtpZiiPHVFCU{mE6LC>-~_zN1z
zE%_PJ8lMl#(^c|Fc~DwX0)LKSx<>r{;9T&mMG-tA$;^=HveK*5a~f!2j8j=&P{)1L
z;k~_?P0o@}?w4ACa3<y_`tVe>uSGHAG&@y1Uho2Y#S2!*H>@$mX#3|e2D>X$`EOd9
z6RS%iW$Ju6w89+B=%0YzoIIQ?^<=J+XqEb56Wk#7HjRo4PZ*YU2_GV)M<cgQQi{{2
rH8ViR{flExV|m;oQpEy;xW}(^*7+Y)gsAY>qBM0w%BgMbKZSn-4@AXV

delta 308
zcmZo^U~HMdsKUU&!01$(V#vVY0Az9iF^Cr60SW^-3P9R`XQGO>XckbE1t`J5kjGHM
zkk6pUP{5EkS&(t@WCI%(Rwj__WF|vXM%Kw|1RW-?Gpye%#K^?9nVo}$gHd(!8$m|K
z&AGxgoST(pUodS}V4TGS6y;Gk$+7vfMiA@f`FakFlP4QEOcrBIVU*i!VtAWrv%85O
z^Th2wn|TH1Gfq~}*ovVtL6!|@Ef6?x0|{4jS8o<%e9b(W-^S2_5h&dN#2^4<gB%N@
if!+agK%Vvhv4LU%P&xrbPcE=&-5hIX!3c3iGa~@DT{^)4

diff --git a/app/assets/stylesheets/mobile.scss.erb b/app/assets/stylesheets/mobile.scss.erb
index 9ced854c..1cf3ff4d 100644
--- a/app/assets/stylesheets/mobile.scss.erb
+++ b/app/assets/stylesheets/mobile.scss.erb
@@ -2,25 +2,25 @@
   display: none;
 }
 
-@media only screen and (max-device-width : 720px) and (min-device-width : 504px) {
+@media only screen and (max-width : 720px) and (min-width : 504px) {
   .sidebarSearch .tt-hint, .sidebarSearch .sidebarSearchField {
     width: 160px !important;
   }
 }
 
-@media only screen and (max-device-width : 390px) {
+@media only screen and (max-width : 390px) {
   .map .mapCard .mobileMetadata {
     width: 190px;
   }
 }
-@media only screen and (min-device-width : 390px) {
+@media only screen and (min-width : 390px) {
   .map .mapCard .mobileMetadata {
     width: 390px;
   }
 }
 
 /* Smartphones (portrait and landscape) ----------- the minimum space that two map cards can fit side by side */
-@media only screen and (max-device-width : 504px) {
+@media only screen and (max-width : 504px) {
   .upperLeftUI, .upperRightUI, .openCheatsheet, .mapInfoIcon, .feedback-icon, .chat-box, #exploreMapsHeader {
     display: none !important;
   }