From 6b37ba51149615fcd67f6401f9053918ee3d491a Mon Sep 17 00:00:00 2001
From: Xevion <xevioni@yandex.com>
Date: Wed, 9 Sep 2020 10:23:01 -0500
Subject: [PATCH] fixed laptop vs desktop layouts, fixed main.scss not being
 used (contained Bootstrap breakpoint adjustments), fix API URL being wrong
 for public network deployments (possible automatic detection?)

---
 client/.env.development |  2 +-
 client/src/App.vue      | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/client/.env.development b/client/.env.development
index dbe7577..1c0bad3 100644
--- a/client/.env.development
+++ b/client/.env.development
@@ -1,2 +1,2 @@
-VUE_APP_API_URL=http://192.168.2.35:5000
+VUE_APP_API_URL=http://localhost:5000
 VUE_APP_BASE_URL=http://192.168.2.35:8080
diff --git a/client/src/App.vue b/client/src/App.vue
index 265356e..cffcd2e 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -27,8 +27,8 @@
             :insights-client="insightsClient"
         >
             <b-container :fluid="true" class="py-2 px-lg-5 px-md-4">
-                <b-row class="my-3 pl-1">
-                    <b-col lg="3" xl="2" md="12">
+                <b-row class="my-3 pl-1" cols="12">
+                    <b-col lg="3" xl="3" md="12">
                         <ais-search-box
                             @keydown.native="showResults"
                             ref="searchbox"
@@ -36,11 +36,11 @@
                         />
                     </b-col>
                 </b-row>
-                <b-row>
-                    <b-col lg="3" xl="2" md="12">
+                <b-row align-h="start" cols="12">
+                    <b-col lg="3" xl="3" md="12">
                         <SeasonList></SeasonList>
                     </b-col>
-                    <b-col class="pt-md-2 pt-lg-0">
+                    <b-col lg="8" xl="7" md="12" class="pt-md-2 pt-lg-0">
                         <router-view/>
                     </b-col>
                     <b-col md="0" lg="0" xl="2"></b-col>
@@ -52,7 +52,6 @@
 </template>
 
 <style lang="scss">
-@import "assets/scss/_variables";
 @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap");
@@ -103,6 +102,7 @@ body {
 import algoliasearch from "algoliasearch/lite";
 import SeasonList from "./components/SeasonList.vue";
 import "instantsearch.css/themes/algolia-min.css";
+import './scss/main.scss';
 
 export default {
     name: "App",