From 91f9aacb79726b5ad8af1d2a441ec749ba9fcd59 Mon Sep 17 00:00:00 2001
From: senderfm <dev@sender.fm>
Date: Wed, 3 Jul 2019 08:26:15 +0200
Subject: [PATCH 1/3] full ads width use with small devices

---
 backend/src/config/index.js    | 18 +++++++++++++++---
 webapp/assets/styles/main.scss |  8 +++++++-
 webapp/layouts/default.vue     |  2 +-
 3 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/backend/src/config/index.js b/backend/src/config/index.js
index 320b636e9..53415f050 100644
--- a/backend/src/config/index.js
+++ b/backend/src/config/index.js
@@ -19,7 +19,11 @@ const {
   GRAPHQL_URI = 'http://localhost:4000',
 } = process.env
 
-export const requiredConfigs = { MAPBOX_TOKEN, JWT_SECRET, PRIVATE_KEY_PASSPHRASE }
+export const requiredConfigs = {
+  MAPBOX_TOKEN,
+  JWT_SECRET,
+  PRIVATE_KEY_PASSPHRASE,
+}
 export const smtpConfigs = {
   SMTP_HOST,
   SMTP_PORT,
@@ -27,8 +31,16 @@ export const smtpConfigs = {
   SMTP_USERNAME,
   SMTP_PASSWORD,
 }
-export const neo4jConfigs = { NEO4J_URI, NEO4J_USERNAME, NEO4J_PASSWORD }
-export const serverConfigs = { GRAPHQL_PORT, CLIENT_URI, GRAPHQL_URI }
+export const neo4jConfigs = {
+  NEO4J_URI,
+  NEO4J_USERNAME,
+  NEO4J_PASSWORD,
+}
+export const serverConfigs = {
+  GRAPHQL_PORT,
+  CLIENT_URI,
+  GRAPHQL_URI,
+}
 
 export const developmentConfigs = {
   DEBUG: process.env.NODE_ENV !== 'production' && process.env.DEBUG === 'true',
diff --git a/webapp/assets/styles/main.scss b/webapp/assets/styles/main.scss
index 560249b4a..35e0e2e51 100644
--- a/webapp/assets/styles/main.scss
+++ b/webapp/assets/styles/main.scss
@@ -24,9 +24,11 @@ $easeOut: cubic-bezier(0.19, 1, 0.22, 1);
   transition: opacity 80ms ease-out;
   transition-delay: 80ms;
 }
+
 .layout-leave-active {
   transition: opacity 80ms ease-in;
 }
+
 .layout-enter,
 .layout-leave-active {
   opacity: 0;
@@ -39,6 +41,7 @@ $easeOut: cubic-bezier(0.19, 1, 0.22, 1);
   opacity: 1;
   transform: translate3d(0, 0, 0);
 }
+
 .slide-up-enter,
 .slide-up-leave-active {
   opacity: 0;
@@ -66,7 +69,8 @@ blockquote {
   border-left: 3px dotted $color-neutral-70;
 
   &::before {
-    content: '\201C'; /*Unicode for Left Double Quote*/
+    content: '\201C';
+    /*Unicode for Left Double Quote*/
 
     /*Font*/
     font-size: $font-size-xxxx-large;
@@ -83,6 +87,7 @@ blockquote {
     margin-top: 0;
   }
 }
+
 .main-navigation {
   box-shadow: $box-shadow-base;
   position: fixed;
@@ -105,6 +110,7 @@ hr {
 [class$='menu-trigger'] {
   user-select: none;
 }
+
 [class$='menu-popover'] {
   display: inline-block;
 
diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index e3fc1cccd..9743adb6d 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -88,7 +88,7 @@
     </div>
 
     <ds-container>
-      <div style="padding: 6rem 2rem 5rem;">
+      <div :width="{ base: '100%', md: '95%' }">
         <nuxt />
       </div>
     </ds-container>

From ccafc8709cda253c4c6fc771a0727b82f9165921 Mon Sep 17 00:00:00 2001
From: senderfm <dev@sender.fm>
Date: Wed, 3 Jul 2019 12:29:24 +0200
Subject: [PATCH 2/3] fixed a bug

---
 webapp/layouts/default.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index 9743adb6d..d52e1e88c 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -86,9 +86,12 @@
         </div>
       </ds-container>
     </div>
-
+    <br />
+    <br />
+    <br />
+    <br />
     <ds-container>
-      <div :width="{ base: '100%', md: '95%' }">
+      <div :width="{ base: '100%', md: '96%' }">
         <nuxt />
       </div>
     </ds-container>

From 310cc52ddf39cc1c36b000571fac2126d694d22e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Wed, 10 Jul 2019 01:23:36 +0200
Subject: [PATCH 3/3] Don't remove the previous styling

---
 webapp/layouts/default.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index bd30fdd88..a981c6515 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -87,7 +87,7 @@
       </ds-container>
     </div>
     <ds-container style="word-break: break-all">
-      <div :width="{ base: '100%', md: '96%' }">
+      <div style="padding: 6rem 2rem 5rem;" :width="{ base: '100%', md: '96%' }">
         <nuxt />
       </div>
     </ds-container>