From 7b7dd307e37b0dbb8e735741dee423198f1d22b6 Mon Sep 17 00:00:00 2001
From: Gamebrary <contact@gamebrary.com>
Date: Tue, 27 Jul 2021 16:37:33 -0700
Subject: [PATCH] more responsive improvements

---
 src/components/Board/MiniBoard.vue | 5 +++--
 src/pages/BoardsPage.vue           | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Board/MiniBoard.vue b/src/components/Board/MiniBoard.vue
index 0e5d38d8..d7d0a47a 100644
--- a/src/components/Board/MiniBoard.vue
+++ b/src/components/Board/MiniBoard.vue
@@ -66,7 +66,7 @@ export default {
 
 <style lang="scss" rel="stylesheet/scss" scoped>
 // TODO: allow to toggle expanded width (remove width from mini-board)
-$boardHeight: 180px;
+$boardHeight: 200px;
 
 .mini-board {
   background-repeat: no-repeat;
@@ -76,7 +76,8 @@ $boardHeight: 180px;
 
   @media(max-width: 1024px) { width: 320px; }
   @media(max-width: 768px) { width: 360px; }
-  @media(max-width: 480px) { width: calc(100% - 8px); }
+  @media(max-width: 500px) { width: 222px; }
+  @media(max-width: 320px) { width: calc(100% - 8px); }
 }
 
 .lists {
diff --git a/src/pages/BoardsPage.vue b/src/pages/BoardsPage.vue
index e9ff61b1..28a7edcb 100644
--- a/src/pages/BoardsPage.vue
+++ b/src/pages/BoardsPage.vue
@@ -1,5 +1,5 @@
 <template lang="html">
-  <b-container fluid v-if="user">
+  <div v-if="user" class="ml-3">
     <page-title
       title="Boards"
       action-text="Create board"
@@ -7,7 +7,7 @@
     />
 
     <boards />
-  </b-container>
+  </div>
 </template>
 
 <script>