From 4a09f34db978d02982ca6a0526d2a3d8d604ad8a Mon Sep 17 00:00:00 2001
From: Roman Cervantes <romancm@gmail.com>
Date: Fri, 26 Oct 2018 22:31:06 -0700
Subject: [PATCH] Gameboard adjustments

---
 src/pages/GameBoard/GameBoard.vue | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/pages/GameBoard/GameBoard.vue b/src/pages/GameBoard/GameBoard.vue
index 95ac2edf..bc27e219 100755
--- a/src/pages/GameBoard/GameBoard.vue
+++ b/src/pages/GameBoard/GameBoard.vue
@@ -7,7 +7,6 @@
         :class="{ nightMode, 'drag-scroll-active': dragScrollActive }"
         v-dragscroll:nochilddrag
     >
-
         <list
             :name="list.name"
             :games="list.games"
@@ -183,21 +182,37 @@ export default {
 
 <style lang="scss" rel="stylesheet/scss" scoped>
     @import "~styles/styles.scss";
-    @import "~styles/game-board.scss";
 
     .draggable * {
         color: $color-white;
     }
 
-    .nightMode {
-        background: #333 !important;
+    .lists {
+        display: flex;
+        align-items: flex-start;
+        height: calc(100vh - 48px);
+        padding: $gp;
+        box-sizing: border-box;
+        background: $color-gray;
+        overflow-x: auto;
+        overflow-x: overlay;
+        display: flex;
+        @include drag-cursor;
 
-        .games {
-            background: $color-dark-gray;
+        &.drag-scroll-active {
+            @include dragging-cursor;
         }
 
-        .list-header {
-            box-shadow: 0 0 5px 5px $color-dark-gray;
+        &.empty {
+            background: $color-white;
         }
     }
+
+    .list-placeholder {
+        opacity: 0.25;
+    }
+
+    .card-placeholder {
+        opacity: 0.25;
+    }
 </style>