From 87fd1c9a232873285f1cdb674b256afc0563156e Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Sun, 27 Jan 2019 20:35:24 +0000
Subject: [PATCH] fix: unclickable thumbs on edge/safari

---
 TODO.md                        | 3 +++
 components/GalleryFeatured.vue | 1 +
 components/GalleryThumbs.vue   | 2 ++
 3 files changed, 6 insertions(+)

diff --git a/TODO.md b/TODO.md
index e6095ac..c5299aa 100644
--- a/TODO.md
+++ b/TODO.md
@@ -13,7 +13,10 @@
 * loading transitions
 * nav buttons
 * social nav items -> put in store or whatever
+* facebook/twitter social card thingies
 
 ## Maybes
 * gallery page - featured images in same style as on services page with the
                  diagonal divide
+
+## Fixes
diff --git a/components/GalleryFeatured.vue b/components/GalleryFeatured.vue
index dff378a..44cf147 100644
--- a/components/GalleryFeatured.vue
+++ b/components/GalleryFeatured.vue
@@ -23,6 +23,7 @@ export default {
 
 <style lang="scss" scoped>
 .featured-image {
+  position: relative;
   width: 100%;
   background-size: cover;
   background-position: center center;
diff --git a/components/GalleryThumbs.vue b/components/GalleryThumbs.vue
index 1736e6a..7ba5f79 100644
--- a/components/GalleryThumbs.vue
+++ b/components/GalleryThumbs.vue
@@ -302,6 +302,8 @@ export default {
   }
 
   .thumb-container {
+    position: relative;
+    z-index: 1;
     height: $gallery-thumbs-height--compact;
     width: $gallery-thumbs-height--compact * 1.6;
     flex: 0 0 $gallery-thumbs-height--compact * 1.6;