diff --git a/components/GalleryFeatured.vue b/components/GalleryFeatured.vue index 668deac..dff378a 100644 --- a/components/GalleryFeatured.vue +++ b/components/GalleryFeatured.vue @@ -40,11 +40,11 @@ export default { position: absolute; display: block; max-width: 66%; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); font-size: 1.5em; - padding: .5em 1em .5em 1em; - - margin: 1rem 0 0 0; color: #fff; } diff --git a/components/GalleryImageViewer.vue b/components/GalleryImageViewer.vue index bd50603..3e90326 100644 --- a/components/GalleryImageViewer.vue +++ b/components/GalleryImageViewer.vue @@ -168,6 +168,7 @@ export default { @media (max-width: $bp__layout) { .close-viewer { + z-index: 10; position: absolute; top: 0; right: 0; diff --git a/components/GalleryThumbs.vue b/components/GalleryThumbs.vue index 27b03f7..1736e6a 100644 --- a/components/GalleryThumbs.vue +++ b/components/GalleryThumbs.vue @@ -269,6 +269,7 @@ export default { } .thumb-nav { + z-index: 20; position: absolute; width: 8rem; height: 8rem;