From 8b083058e1a5562cd9ebffc571caee7a18ed9f93 Mon Sep 17 00:00:00 2001
From: Roman Cervantes <romancm@gmail.com>
Date: Mon, 16 Dec 2019 11:24:39 -0700
Subject: [PATCH] Add fallback rules for older browsers, clean up a bit

---
 src/components/GameBoard/ListAddModal.vue | 5 -----
 src/components/Lists/List.vue             | 4 ----
 src/pages/GameBoard.vue                   | 7 +++++++
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/GameBoard/ListAddModal.vue b/src/components/GameBoard/ListAddModal.vue
index 5eb62765..32353a97 100644
--- a/src/components/GameBoard/ListAddModal.vue
+++ b/src/components/GameBoard/ListAddModal.vue
@@ -1,6 +1,5 @@
 <template lang="html">
   <modal
-    class="listAddButton"
     ref="listAddModal"
     :title="title"
     @open="open"
@@ -150,10 +149,6 @@ export default {
 <style lang="scss" rel="stylesheet/scss" scoped>
   @import "src/styles/styles.scss";
 
-  .listAddButton {
-    // scroll-snap-align: center;
-  }
-
   .add-list-button {
     margin-right: $gp;
   }
diff --git a/src/components/Lists/List.vue b/src/components/Lists/List.vue
index f3323068..88800d6c 100644
--- a/src/components/Lists/List.vue
+++ b/src/components/Lists/List.vue
@@ -313,10 +313,6 @@ export default {
         justify-content: center;
         border: 1px dashed #a5a2a2;
       }
-
-      @media($small) {
-        scroll-snap-align: center;
-      }
     }
 
     &.grid {
diff --git a/src/pages/GameBoard.vue b/src/pages/GameBoard.vue
index 9783f09a..62005cca 100755
--- a/src/pages/GameBoard.vue
+++ b/src/pages/GameBoard.vue
@@ -149,7 +149,14 @@ export default {
   display: flex;
 
   @media($small) {
+    scroll-snap-type: mandatory;
+    scroll-snap-points-x: repeat(300px);
     scroll-snap-type: x mandatory;
+    scroll-padding: $gp;
+
+    .list {
+      scroll-snap-align: center;
+    }
   }
 }