From f54a4067449d7a31605ae055a247563a20f5fa06 Mon Sep 17 00:00:00 2001
From: Roman Cervantes <romancm@gmail.com>
Date: Fri, 26 Apr 2019 11:45:21 -0700
Subject: [PATCH] Screenshots slider adjustments

---
 src/components/GameDetail/GameScreenshots.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/GameDetail/GameScreenshots.vue b/src/components/GameDetail/GameScreenshots.vue
index afb814a8..0f9ea957 100644
--- a/src/components/GameDetail/GameScreenshots.vue
+++ b/src/components/GameDetail/GameScreenshots.vue
@@ -47,7 +47,7 @@ export default {
 
                     return {
                         href: `${url}${image.cloudinary_id}.jpg`,
-                        title: `${this.game.name} - Screenshot ${index + 1} of ${this.game.screenshots.length}`,
+                        title: `${this.game.name} (${index + 1} of ${this.game.screenshots.length})`,
                     };
                 })
                 : null;
@@ -103,7 +103,9 @@ export default {
     .blueimp-gallery {
 
         .title {
-            font-size: 14px;
+            font-size: 14px !important;
+            max-width: 50vw;
+            text-align: left;
         }
 
         .prev,
@@ -140,12 +142,14 @@ export default {
             opacity: 1;
             padding: $gp;
             position: absolute;
-            top: $gp / 2;
-            right: $gp * 2;
+            font-size: 20px;
+            margin: -15px 0 !important;
+            top: 0;
+            right: $gp * 4;
             text-decoration: none;
 
             &:before {
-                font-size: 14px;
+                font-size: 12px;
                 font-weight: 900;
                 content: "Back to game";
                 border: 1px solid $color-gray;