From 5bd6455f7f8a7423cc6d9db3b45f2699a0f62307 Mon Sep 17 00:00:00 2001
From: carodej <peterpapp@makingcg.com>
Date: Thu, 9 Jul 2020 16:52:00 +0200
Subject: [PATCH] responsivity update

---
 .../General/SetupWizardController.php         |  2 +-
 public/mix-manifest.json                      | 56 ++++++++++++++++++-
 .../js/components/Admin/WidgetTotals.vue      |  9 +++
 .../js/components/Admin/WidgetWrapper.vue     |  9 +++
 .../Index/Components/PricingTables.vue        |  2 +-
 .../js/components/Index/IndexGetStarted.vue   |  6 ++
 .../js/components/Index/IndexMainFeatures.vue | 13 +++--
 .../components/Index/IndexPricingTables.vue   | 10 +++-
 resources/js/components/Others/PageHeader.vue |  1 +
 .../Others/Tables/DatatableWrapper.vue        |  2 +-
 resources/js/components/Sidebar/MenuBar.vue   |  5 +-
 resources/js/views/Admin/Dashboard.vue        | 20 ++++++-
 resources/js/views/Admin/Plans.vue            | 21 +++----
 resources/js/views/Admin/Plans/PlanCreate.vue |  2 +-
 resources/js/views/Index/ContactUs.vue        |  2 +-
 resources/js/views/Profile.vue                |  1 +
 resources/sass/app.scss                       |  5 +-
 .../sass/vue-file-manager/_landing-page.scss  |  4 ++
 .../44d142505dd1a3b497197e2f459d2aec779e9ed6  |  2 +-
 .../c24f92750673b2169c8cb7bfbc999cfa8457dc7c  |  2 +-
 20 files changed, 142 insertions(+), 32 deletions(-)

diff --git a/app/Http/Controllers/General/SetupWizardController.php b/app/Http/Controllers/General/SetupWizardController.php
index 20e8c2ce..fd0bca37 100644
--- a/app/Http/Controllers/General/SetupWizardController.php
+++ b/app/Http/Controllers/General/SetupWizardController.php
@@ -517,7 +517,7 @@ class SetupWizardController extends Controller
             ],
             [
                 'name'  => 'storage_limitation',
-                'value' => $request->storageLimitation,
+                'value' => $request->storageLimitation ? $request->storageLimitation : 5,
             ],
             [
                 'name'  => 'storage_default',
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 408b67cb..401d23e3 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -185,5 +185,59 @@
     "/js/main.5ea1c209e4ba1a66191b.hot-update.js": "/js/main.5ea1c209e4ba1a66191b.hot-update.js",
     "/js/main.fb81adae93ae1109a054.hot-update.js": "/js/main.fb81adae93ae1109a054.hot-update.js",
     "/js/main.d27bcdc0e934cd992fea.hot-update.js": "/js/main.d27bcdc0e934cd992fea.hot-update.js",
-    "/js/main.9621e68a9cec93315d6f.hot-update.js": "/js/main.9621e68a9cec93315d6f.hot-update.js"
+    "/js/main.9621e68a9cec93315d6f.hot-update.js": "/js/main.9621e68a9cec93315d6f.hot-update.js",
+    "/js/main.ff0be9f89c5168bdaba6.hot-update.js": "/js/main.ff0be9f89c5168bdaba6.hot-update.js",
+    "/js/main.d9598c910569aa83148d.hot-update.js": "/js/main.d9598c910569aa83148d.hot-update.js",
+    "/js/main.44f644f118d7704b24ec.hot-update.js": "/js/main.44f644f118d7704b24ec.hot-update.js",
+    "/js/main.5bdaa56d5aed6e8f6364.hot-update.js": "/js/main.5bdaa56d5aed6e8f6364.hot-update.js",
+    "/js/main.ec01a51e0e5a53cfb359.hot-update.js": "/js/main.ec01a51e0e5a53cfb359.hot-update.js",
+    "/js/main.f92016b969ed908c935d.hot-update.js": "/js/main.f92016b969ed908c935d.hot-update.js",
+    "/js/main.41abc6ba9aeb74e7c3c7.hot-update.js": "/js/main.41abc6ba9aeb74e7c3c7.hot-update.js",
+    "/js/main.b1b6d51330cfc5041bc5.hot-update.js": "/js/main.b1b6d51330cfc5041bc5.hot-update.js",
+    "/js/main.fd77c3c1cf870493480b.hot-update.js": "/js/main.fd77c3c1cf870493480b.hot-update.js",
+    "/js/main.fd9df7267c2d99bc893d.hot-update.js": "/js/main.fd9df7267c2d99bc893d.hot-update.js",
+    "/js/main.45dd13d09dae058ba872.hot-update.js": "/js/main.45dd13d09dae058ba872.hot-update.js",
+    "/js/main.0a8395c1069ccefb0943.hot-update.js": "/js/main.0a8395c1069ccefb0943.hot-update.js",
+    "/js/main.6d554f4a3c4ec827a959.hot-update.js": "/js/main.6d554f4a3c4ec827a959.hot-update.js",
+    "/js/main.1a5c4ad2b6aef192ec4f.hot-update.js": "/js/main.1a5c4ad2b6aef192ec4f.hot-update.js",
+    "/js/main.bc3a88e8bd8844326875.hot-update.js": "/js/main.bc3a88e8bd8844326875.hot-update.js",
+    "/js/main.308b3b0df2e2e3948dbc.hot-update.js": "/js/main.308b3b0df2e2e3948dbc.hot-update.js",
+    "/js/main.9d1cc0ccb868d3967f71.hot-update.js": "/js/main.9d1cc0ccb868d3967f71.hot-update.js",
+    "/js/main.25a21955766150c76941.hot-update.js": "/js/main.25a21955766150c76941.hot-update.js",
+    "/js/main.b0b92dd5c8138a4c9b98.hot-update.js": "/js/main.b0b92dd5c8138a4c9b98.hot-update.js",
+    "/js/main.69ad6d1e840ce22281bf.hot-update.js": "/js/main.69ad6d1e840ce22281bf.hot-update.js",
+    "/js/main.a48d4c1a19b0cba22963.hot-update.js": "/js/main.a48d4c1a19b0cba22963.hot-update.js",
+    "/js/main.1aab1718cf149559392f.hot-update.js": "/js/main.1aab1718cf149559392f.hot-update.js",
+    "/js/main.9dde85f6fcc4f8bd6631.hot-update.js": "/js/main.9dde85f6fcc4f8bd6631.hot-update.js",
+    "/js/main.88aa9e8c3f4a6006af43.hot-update.js": "/js/main.88aa9e8c3f4a6006af43.hot-update.js",
+    "/js/main.fa53519359fcec31b8fc.hot-update.js": "/js/main.fa53519359fcec31b8fc.hot-update.js",
+    "/js/main.8ab31299c3202def3b72.hot-update.js": "/js/main.8ab31299c3202def3b72.hot-update.js",
+    "/js/main.4fea33b8e211270b52b7.hot-update.js": "/js/main.4fea33b8e211270b52b7.hot-update.js",
+    "/js/main.e1d361c0e8bc17114e8e.hot-update.js": "/js/main.e1d361c0e8bc17114e8e.hot-update.js",
+    "/js/main.9bfef48d6b70ca5aa783.hot-update.js": "/js/main.9bfef48d6b70ca5aa783.hot-update.js",
+    "/js/main.1586788eaae954e1e4d3.hot-update.js": "/js/main.1586788eaae954e1e4d3.hot-update.js",
+    "/js/main.e166fc5ed7f56f97e136.hot-update.js": "/js/main.e166fc5ed7f56f97e136.hot-update.js",
+    "/js/main.4891a453eab2e3fca61f.hot-update.js": "/js/main.4891a453eab2e3fca61f.hot-update.js",
+    "/js/main.845b32877e889a928971.hot-update.js": "/js/main.845b32877e889a928971.hot-update.js",
+    "/js/main.daf67585052f46540fe1.hot-update.js": "/js/main.daf67585052f46540fe1.hot-update.js",
+    "/js/main.37eae3f9ced48c056d91.hot-update.js": "/js/main.37eae3f9ced48c056d91.hot-update.js",
+    "/js/main.5795b0e3d8ccd0a35746.hot-update.js": "/js/main.5795b0e3d8ccd0a35746.hot-update.js",
+    "/js/main.4827f3616eb69595e599.hot-update.js": "/js/main.4827f3616eb69595e599.hot-update.js",
+    "/js/main.ce9404ad0a7c39e16bda.hot-update.js": "/js/main.ce9404ad0a7c39e16bda.hot-update.js",
+    "/js/main.13dad5c43211389f15a7.hot-update.js": "/js/main.13dad5c43211389f15a7.hot-update.js",
+    "/js/main.df868c27dae73ae76e5a.hot-update.js": "/js/main.df868c27dae73ae76e5a.hot-update.js",
+    "/js/main.44d076b285147195d904.hot-update.js": "/js/main.44d076b285147195d904.hot-update.js",
+    "/js/main.c47875f1460781df96c2.hot-update.js": "/js/main.c47875f1460781df96c2.hot-update.js",
+    "/js/main.f61d813cccaa3b1273bc.hot-update.js": "/js/main.f61d813cccaa3b1273bc.hot-update.js",
+    "/js/main.9802b7239d9a230b2dca.hot-update.js": "/js/main.9802b7239d9a230b2dca.hot-update.js",
+    "/js/main.fa187f65e1bd71f69699.hot-update.js": "/js/main.fa187f65e1bd71f69699.hot-update.js",
+    "/js/main.633617e8eba3821c3bac.hot-update.js": "/js/main.633617e8eba3821c3bac.hot-update.js",
+    "/js/main.f6fb49e311ffff953243.hot-update.js": "/js/main.f6fb49e311ffff953243.hot-update.js",
+    "/js/main.dc7221de894747bb892e.hot-update.js": "/js/main.dc7221de894747bb892e.hot-update.js",
+    "/js/main.6c8903b924fa7a9a70bb.hot-update.js": "/js/main.6c8903b924fa7a9a70bb.hot-update.js",
+    "/js/main.67ca2888e104841b449d.hot-update.js": "/js/main.67ca2888e104841b449d.hot-update.js",
+    "/js/main.f7ea32b1bdd7d5893101.hot-update.js": "/js/main.f7ea32b1bdd7d5893101.hot-update.js",
+    "/js/main.bb919bf230ccfd1da5ad.hot-update.js": "/js/main.bb919bf230ccfd1da5ad.hot-update.js",
+    "/js/main.c339a8942aeb56673ce8.hot-update.js": "/js/main.c339a8942aeb56673ce8.hot-update.js",
+    "/js/main.666b5bd039ecb83ba849.hot-update.js": "/js/main.666b5bd039ecb83ba849.hot-update.js"
 }
diff --git a/resources/js/components/Admin/WidgetTotals.vue b/resources/js/components/Admin/WidgetTotals.vue
index 187276cc..92a660f7 100644
--- a/resources/js/components/Admin/WidgetTotals.vue
+++ b/resources/js/components/Admin/WidgetTotals.vue
@@ -56,6 +56,15 @@
         }
     }
 
+    @media only screen and (max-width: 1190px) {
+        .widget-value {
+
+            span {
+                @include font-size(30);
+            }
+        }
+    }
+
     @media (prefers-color-scheme: dark) {
         .widget-value {
 
diff --git a/resources/js/components/Admin/WidgetWrapper.vue b/resources/js/components/Admin/WidgetWrapper.vue
index a42803cf..47f1c70c 100644
--- a/resources/js/components/Admin/WidgetWrapper.vue
+++ b/resources/js/components/Admin/WidgetWrapper.vue
@@ -49,6 +49,15 @@
         }
     }
 
+    @media only screen and (max-width: 1190px) {
+        .headline {
+
+            .title {
+                @include font-size(14);
+            }
+        }
+    }
+
     @media (prefers-color-scheme: dark) {
         .widget-content {
             background: $dark_mode_foreground;
diff --git a/resources/js/components/Index/Components/PricingTables.vue b/resources/js/components/Index/Components/PricingTables.vue
index 79f98dc4..9dc4a8e2 100644
--- a/resources/js/components/Index/Components/PricingTables.vue
+++ b/resources/js/components/Index/Components/PricingTables.vue
@@ -70,6 +70,7 @@
         .plan-header {
 
             .icon {
+
                 path, line, polyline, rect, circle {
                     color: $theme;
                 }
@@ -122,7 +123,6 @@
     .plans-wrapper {
         display: flex;
         flex-wrap: wrap;
-        margin: 0 -25px;
         justify-content: center;
     }
 
diff --git a/resources/js/components/Index/IndexGetStarted.vue b/resources/js/components/Index/IndexGetStarted.vue
index a7712827..0cfb9d41 100644
--- a/resources/js/components/Index/IndexGetStarted.vue
+++ b/resources/js/components/Index/IndexGetStarted.vue
@@ -316,6 +316,12 @@
         }
     }
 
+    @media only screen and (max-width: 1190px) {
+        .get-started-button {
+            margin-bottom: 280px;
+        }
+    }
+
     @media only screen and (max-width: 960px) {
         .page-title {
             padding-top: 20px;
diff --git a/resources/js/components/Index/IndexMainFeatures.vue b/resources/js/components/Index/IndexMainFeatures.vue
index f77974e0..fcc10198 100644
--- a/resources/js/components/Index/IndexMainFeatures.vue
+++ b/resources/js/components/Index/IndexMainFeatures.vue
@@ -132,29 +132,30 @@
 
     @media only screen and (max-width: 1190px) {
 
-        .content {
-            display: block;
-        }
-
         .hero {
+            flex: 0 0 60%;
+
             img {
                 width: 100%;
             }
         }
 
         .features {
-            padding-left: 0;
-            margin-top: 50px;
+            padding-left: 25px;
+            margin-top: 0px;
         }
     }
 
     @media only screen and (max-width: 960px) {
 
         .content {
+            display: block;
             margin-top: 40px;
         }
 
         .features {
+            margin-top: 50px;
+
             .feature {
                 margin-bottom: 35px;
 
diff --git a/resources/js/components/Index/IndexPricingTables.vue b/resources/js/components/Index/IndexPricingTables.vue
index ef3650c7..b570f940 100644
--- a/resources/js/components/Index/IndexPricingTables.vue
+++ b/resources/js/components/Index/IndexPricingTables.vue
@@ -135,12 +135,20 @@
         display: block;
     }
 
-    @media only screen and (max-width: 960px) {
+    @media only screen and (max-width: 1190px) {
 
         .cloud-bg {
             display: none;
         }
 
+        .pricing {
+            padding-top: 150px;
+            padding-bottom: 60px;
+        }
+    }
+
+    @media only screen and (max-width: 960px) {
+
         .page-title {
 
             .title {
diff --git a/resources/js/components/Others/PageHeader.vue b/resources/js/components/Others/PageHeader.vue
index b96e6130..4a110260 100644
--- a/resources/js/components/Others/PageHeader.vue
+++ b/resources/js/components/Others/PageHeader.vue
@@ -35,6 +35,7 @@
         width: 100%;
         position: sticky;
         top: 0;
+        padding-top: 20px;
         padding-bottom: 20px;
 
         .title {
diff --git a/resources/js/components/Others/Tables/DatatableWrapper.vue b/resources/js/components/Others/Tables/DatatableWrapper.vue
index b3aeefed..19f03cc1 100644
--- a/resources/js/components/Others/Tables/DatatableWrapper.vue
+++ b/resources/js/components/Others/Tables/DatatableWrapper.vue
@@ -174,7 +174,7 @@
     .table {
         width: 100%;
         border-collapse: collapse;
-        overflow-x: auto;
+        table-layout: fixed;
 
         tr {
             width: 100%;
diff --git a/resources/js/components/Sidebar/MenuBar.vue b/resources/js/components/Sidebar/MenuBar.vue
index c35d68d1..6b08791c 100644
--- a/resources/js/components/Sidebar/MenuBar.vue
+++ b/resources/js/components/Sidebar/MenuBar.vue
@@ -126,7 +126,7 @@
         user-select: none;
         padding-top: 25px;
         display: grid;
-        width: 72px;
+        flex: 0 0 72px;
     }
 
     .icon-navigation {
@@ -225,8 +225,7 @@
 
     @media only screen and (max-width: 1024px) {
         .menu-bar {
-            min-width: 60px;
-            width: 60px;
+            flex: 0 0 60px;
         }
 
         .icon-navigation {
diff --git a/resources/js/views/Admin/Dashboard.vue b/resources/js/views/Admin/Dashboard.vue
index 58e6fcd2..08c5e346 100644
--- a/resources/js/views/Admin/Dashboard.vue
+++ b/resources/js/views/Admin/Dashboard.vue
@@ -148,6 +148,7 @@
     .dashboard-headline {
         display: flex;
         justify-content: space-between;
+        margin-top: 20px;
         margin-bottom: 20px;
     }
 
@@ -199,8 +200,25 @@
         }
     }
 
-    @media only screen and (max-width: 690px) {
+    @media only screen and (max-width: 1190px) {
+        .widgets-total {
+            margin: 0 -10px 10px;
 
+            .widget {
+                padding: 10px;
+            }
+        }
+    }
+
+    @media only screen and (max-width: 960px) {
+
+        .widgets-total {
+            display: block;
+        }
+
+        .became-backer {
+            display: none;
+        }
     }
 
     @media (prefers-color-scheme: dark) {
diff --git a/resources/js/views/Admin/Plans.vue b/resources/js/views/Admin/Plans.vue
index 7005d3c0..9fdb4072 100644
--- a/resources/js/views/Admin/Plans.vue
+++ b/resources/js/views/Admin/Plans.vue
@@ -20,16 +20,17 @@
                 <DatatableWrapper :paginator="false" :columns="columns" :data="plans" class="table table-users">
                     <template scope="{ row }">
                         <tr>
-                            <td class="name" style="min-width: 200px">
-                                <router-link :to="{name: 'PlanSettings', params: {id: row.data.id}}" class="cell-item" tag="div">
-                                    <span>{{ row.data.attributes.name }}</span>
-                                </router-link>
-                            </td>
-                            <td>
+                            <td style="max-width: 80px">
                                 <span class="cell-item">
                                     <SwitchInput @input="changeStatus($event, row.data.id)" class="switch" :state="row.data.attributes.status"/>
                                 </span>
                             </td>
+                            <td class="name" style="min-width: 120px">
+                                <router-link :to="{name: 'PlanSettings', params: {id: row.data.id}}" class="cell-item" tag="div">
+                                    <span>{{ row.data.attributes.name }}</span>
+                                </router-link>
+                            </td>
+
                             <td>
                                 <span class="cell-item">
                                     {{ row.data.attributes.subscribers }}
@@ -114,13 +115,13 @@
                 plans: undefined,
                 columns: [
                     {
-                        label: 'Plan',
-                        field: 'data.attributes.name',
+                        label: 'Status',
+                        field: 'data.attributes.status',
                         sortable: true
                     },
                     {
-                        label: 'Status',
-                        field: 'data.attributes.status',
+                        label: 'Plan Name',
+                        field: 'data.attributes.name',
                         sortable: true
                     },
                     {
diff --git a/resources/js/views/Admin/Plans/PlanCreate.vue b/resources/js/views/Admin/Plans/PlanCreate.vue
index bcb0f866..f277b7f5 100644
--- a/resources/js/views/Admin/Plans/PlanCreate.vue
+++ b/resources/js/views/Admin/Plans/PlanCreate.vue
@@ -2,7 +2,7 @@
     <div id="single-page">
         <div id="page-content" class="small-width">
             <MobileHeader :title="$router.currentRoute.meta.title"/>
-            <!--<PageHeader :can-back="true" :title="$router.currentRoute.meta.title"/>-->
+            <PageHeader :can-back="true" :title="$router.currentRoute.meta.title"/>
 
             <div class="content-page">
                 <ValidationObserver @submit.prevent="createPlan" ref="createPlan" v-slot="{ invalid }" tag="form" class="form block-form form-fixed-width">
diff --git a/resources/js/views/Index/ContactUs.vue b/resources/js/views/Index/ContactUs.vue
index 448240b8..ef4db22e 100644
--- a/resources/js/views/Index/ContactUs.vue
+++ b/resources/js/views/Index/ContactUs.vue
@@ -31,7 +31,7 @@
                     <label>Message:</label>
                     <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Message" rules="required"
                                         v-slot="{ errors }">
-                        <textarea v-model="contact.message" placeholder="Type your message here..." rows="4" :class="{'is-error': errors[0]}"></textarea>
+                        <textarea v-model="contact.message" placeholder="Type your message here..." rows="6" :class="{'is-error': errors[0]}"></textarea>
                         <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
                     </ValidationProvider>
                 </div>
diff --git a/resources/js/views/Profile.vue b/resources/js/views/Profile.vue
index 8f955354..2f58338e 100644
--- a/resources/js/views/Profile.vue
+++ b/resources/js/views/Profile.vue
@@ -179,6 +179,7 @@
         display: flex;
         justify-content: space-between;
         margin-bottom: 50px;
+        margin-top: 30px;
     }
 
     .user-thumbnail {
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 75890f9f..4046fd38 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -4,9 +4,9 @@
 
 #viewport {
   display: flex;
-  width: 100%;
   height: 100%;
   @include transition(200ms);
+  flex: 1;
 }
 
 #application-wrapper {
@@ -29,8 +29,6 @@
 
   #page-content {
     margin: 0 auto;
-    padding-bottom: 50px;
-    padding-top: 35px;
 
     &.full-width {
       max-width: 100%;
@@ -245,6 +243,7 @@
 }
 
 .table {
+
   .action-icons {
     white-space: nowrap;
 
diff --git a/resources/sass/vue-file-manager/_landing-page.scss b/resources/sass/vue-file-manager/_landing-page.scss
index 5339878d..a1357486 100644
--- a/resources/sass/vue-file-manager/_landing-page.scss
+++ b/resources/sass/vue-file-manager/_landing-page.scss
@@ -1,3 +1,7 @@
+.landing-page {
+  overflow-x: hidden;
+}
+
 .page-wrapper {
   position: relative;
   margin: 0 auto;
diff --git a/storage/framework/cache/data/44/d1/44d142505dd1a3b497197e2f459d2aec779e9ed6 b/storage/framework/cache/data/44/d1/44d142505dd1a3b497197e2f459d2aec779e9ed6
index 079c5611..aa8c73af 100644
--- a/storage/framework/cache/data/44/d1/44d142505dd1a3b497197e2f459d2aec779e9ed6
+++ b/storage/framework/cache/data/44/d1/44d142505dd1a3b497197e2f459d2aec779e9ed6
@@ -1 +1 @@
-1594282067i:1594282067;
\ No newline at end of file
+1594287749i:1594287749;
\ No newline at end of file
diff --git a/storage/framework/cache/data/c2/4f/c24f92750673b2169c8cb7bfbc999cfa8457dc7c b/storage/framework/cache/data/c2/4f/c24f92750673b2169c8cb7bfbc999cfa8457dc7c
index 76f0eee6..8ec9aad4 100644
--- a/storage/framework/cache/data/c2/4f/c24f92750673b2169c8cb7bfbc999cfa8457dc7c
+++ b/storage/framework/cache/data/c2/4f/c24f92750673b2169c8cb7bfbc999cfa8457dc7c
@@ -1 +1 @@
-1594282067i:1;
\ No newline at end of file
+1594287749i:1;
\ No newline at end of file