Fix layout of pages so we don't have 2 containers and a tiny width.

Author: verwilst

resources/assets/js/pages/App.vue

@@ -20,9 +20,7 @@
                 </div>
             </nav>
 
-            <div class="row">
-                <router-view></router-view>
-            </div>
+            <router-view></router-view>
 
         </div><!-- /.container -->
 

resources/assets/js/pages/FirstPage.vue

@@ -1,12 +1,10 @@
 <template>
-    <div class="container">
-        <div class="row">
-            <div class="col-md-8 col-md-offset-2">
-                <div class="panel panel-default">
-                    <div class="panel-heading">Example Component One</div>
-                    <div class="panel-body">
-                        One
-                    </div>
+    <div class="row">
+        <div class="col-md-12">
+            <div class="panel panel-default">
+                <div class="panel-heading">Example Component One</div>
+                <div class="panel-body">
+                    One
                 </div>
             </div>
         </div>

resources/assets/js/pages/SecondPage.vue

@@ -1,12 +1,10 @@
 <template>
-    <div class="container">
-        <div class="row">
-            <div class="col-md-8 col-md-offset-2">
-                <div class="panel panel-default">
-                    <div class="panel-heading">Example Component Two</div>
-                    <div class="panel-body">
-                        Two
-                    </div>
+    <div class="row">
+        <div class="col-md-12">
+            <div class="panel panel-default">
+                <div class="panel-heading">Example Component Two</div>
+                <div class="panel-body">
+                    Two
                 </div>
             </div>
         </div>