Merge pull request #273 from hellcp/patch-22

Make mobile cards flush

resources/views/layouts/partial/nav.blade.php

@@ -79,9 +79,9 @@
     </div>
 </nav>
 @auth
-<nav class="breadcrumb d-md-none d-flex">
+<nav class="breadcrumb d-md-none d-flex m-0">
   <form class="form-inline search-form mx-auto">
    <input class="form-control mr-sm-2 search-form-input" type="search" placeholder="Search" aria-label="Search">
   </form>
 </nav>
-@endauth
+@endauth

resources/views/status/template.blade.php

@@ -1,4 +1,4 @@
-      <div class="card my-4 status-card">
+      <div class="card my-4 status-card card-md-rounded-0">
         <div class="card-header d-inline-flex align-items-center bg-white">
           <img src="{{$item->profile->avatarUrl()}}" width="32px" height="32px" style="border-radius: 32px;">
           <a class="username font-weight-bold pl-2 text-dark" href="{{$item->profile->url()}}">

resources/views/timeline/partial/new-form.blade.php

@@ -1,4 +1,4 @@
-    <div class="card">
+    <div class="card card-md-rounded-0">
       <div class="card-header font-weight-bold">New Post</div>
       <div class="card-body" id="statusForm">
         @if (session('error'))

resources/views/timeline/personal.blade.php

@@ -6,8 +6,8 @@
 
 @section('content')
 
-<div class="container">
-  <div class="col-12 col-md-8 offset-md-2 pt-4">
+<div class="container p-0">
+  <div class="col-md-10 col-lg-8 mx-auto pt-4 px-0">
     @if ($errors->any())
       <div class="alert alert-danger">
           <ul>
@@ -27,7 +27,7 @@
 
     @endforeach
     @if($timeline->count() == 0)
-    <div class="card">
+    <div class="card card-md-rounded-0">
       <div class="card-body py-5">
         <div class="d-flex justify-content-center align-items-center">
           <p class="lead font-weight-bold mb-0">{{ __('timeline.emptyPersonalTimeline') }}</p>
@@ -37,11 +37,11 @@
     @endif
     </div>
 
-    <div class="page-load-status">
-      <div class="infinite-scroll-request">
-        <div class="d-none fixed-top loading-page"></div>
+    <div class="page-load-status" style="display: none;">
+      <div class="infinite-scroll-request" style="display: none;">
+        <div class="fixed-top loading-page"></div>
       </div>
-      <div class="infinite-scroll-last">
+      <div class="infinite-scroll-last" style="display: none;">
         <h3>No more content</h3>
         <p class="text-muted">
           Maybe you could try 
@@ -49,7 +49,7 @@
           more people you can follow.
         </p>
       </div>
-      <div class="infinite-scroll-error">
+      <div class="infinite-scroll-error" style="display: none;">
         <h3>Whoops, an error</h3>
         <p class="text-muted">
           Try reloading the page

resources/views/timeline/public.blade.php

@@ -6,8 +6,8 @@
 
 @section('content')
 
-<div class="container">
-  <div class="col-12 col-md-8 offset-md-2 pt-4">
+<div class="container px-0">
+  <div class="col-md-10 col-lg-8 mx-auto pt-4 px-0">
     @if ($errors->any())
       <div class="alert alert-danger">
           <ul>
@@ -28,11 +28,11 @@
     @endforeach
     </div>
 
-    <div class="page-load-status">
-      <div class="infinite-scroll-request">
-        <div class="d-none fixed-top loading-page"></div>
+    <div class="page-load-status" style="display: none;">
+      <div class="infinite-scroll-request" style="display: none;">
+        <div class="fixed-top loading-page"></div>
       </div>
-      <div class="infinite-scroll-last">
+      <div class="infinite-scroll-last" style="display: none;">
         <h3>No more content</h3>
         <p class="text-muted">
           Maybe you could try 
@@ -40,7 +40,7 @@
           more people you can follow.
         </p>
       </div>
-      <div class="infinite-scroll-error">
+      <div class="infinite-scroll-error" style="display: none;">
         <h3>Whoops, an error</h3>
         <p class="text-muted">
           Try reloading the page