From 428043aed4a43278acafb4bdb4761bacbaaf9142 Mon Sep 17 00:00:00 2001
From: Andrew White <pixeltrix@users.noreply.github.com>
Date: Mon, 17 Aug 2015 15:09:08 +0100
Subject: [PATCH] Fix details element on iOS 8.4.1

Mobile Safari on iOS 8.4.1 sees the :hover state on the summary element
as an attempt to implement a drop-down menu using CSS so applies its
hover state emulation[1]. Wrapping this hover style in a desktop media
query prevents the issue from occurring.

[1]: https://coderwall.com/p/bevnew/reset-ios-safari-s-emulated-hover-state
---
 app/assets/stylesheets/petitions/_details.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/petitions/_details.scss b/app/assets/stylesheets/petitions/_details.scss
index 6d99182b4..7b2e78df1 100644
--- a/app/assets/stylesheets/petitions/_details.scss
+++ b/app/assets/stylesheets/petitions/_details.scss
@@ -13,8 +13,10 @@ details {
     position: relative;
     margin-bottom: em(5);
 
-    &:hover {
-      color: $link-hover-colour;
+    @include media(desktop){
+      &:hover {
+        color: $link-hover-colour;
+      }
     }
 
     &:focus {