From 982c666d57b9d39b01b655437268667a466e72a8 Mon Sep 17 00:00:00 2001
From: Roman Cervantes <romancm@gmail.com>
Date: Tue, 9 Apr 2019 15:04:21 -0700
Subject: [PATCH] Clean up game screenshots

---
 src/components/GameDetail/GameScreenshots.vue | 51 +++++++++++++++++--
 1 file changed, 47 insertions(+), 4 deletions(-)

diff --git a/src/components/GameDetail/GameScreenshots.vue b/src/components/GameDetail/GameScreenshots.vue
index 2acfa979..25f0b048 100644
--- a/src/components/GameDetail/GameScreenshots.vue
+++ b/src/components/GameDetail/GameScreenshots.vue
@@ -8,7 +8,6 @@
         <vue-gallery
             :images="screenshots"
             :index="index"
-            :options="options"
             @close="close"
         />
 
@@ -33,9 +32,6 @@ export default {
     data() {
         return {
             index: null,
-            options: {
-                // TODO: customize look and feel
-            },
         };
     },
 
@@ -100,3 +96,50 @@ export default {
         }
     }
 </style>
+
+<style lang="scss" rel="stylesheet/scss">
+    @import "~styles/styles.scss";
+
+    .blueimp-gallery {
+
+        .title {
+            font-size: 14px;
+        }
+
+        .prev, .next {
+            font-size: 0;
+            background: none;
+            border: 0;
+
+            &:before {
+                font-family: "Font Awesome 5 Free";
+                font-size: 30px;
+                font-weight: 900;
+            }
+        }
+
+        .prev:before {
+            content: "\f359";
+        }
+
+        .next:before {
+            content: "\f35a";
+        }
+
+        .close {
+            line-height: normal;
+            opacity: 1;
+            padding: $gp;
+            position: absolute;
+            text-decoration: none;
+            font-size: 0;
+
+            &:before {
+                font-family: "Font Awesome 5 Free";
+                font-size: 14px;
+                font-weight: 900;
+                content: "\f00d";
+            }
+        }
+    }
+</style>