From 58685f3b0e15db1087b4acb44db23e430d626a3a Mon Sep 17 00:00:00 2001
From: Stasiek Michalski <hellcp@opensuse.org>
Date: Fri, 15 Jun 2018 08:34:08 +0200
Subject: [PATCH 1/7] Make cards flush on mobile

---
 resources/views/timeline/personal.blade.php | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/resources/views/timeline/personal.blade.php b/resources/views/timeline/personal.blade.php
index 48a061a96..4ba2e9ca4 100644
--- a/resources/views/timeline/personal.blade.php
+++ b/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-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

From 2c07d2fb70943bca8c614c2647237877e95af81b Mon Sep 17 00:00:00 2001
From: Stasiek Michalski <hellcp@opensuse.org>
Date: Fri, 15 Jun 2018 08:36:49 +0200
Subject: [PATCH 2/7] Don't show loading for non-js users

---
 resources/views/timeline/public.blade.php | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/resources/views/timeline/public.blade.php b/resources/views/timeline/public.blade.php
index 78c731f17..30c5a4909 100644
--- a/resources/views/timeline/public.blade.php
+++ b/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-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

From 88ba4ed318dfeb030882c2f94a715fbf6e938af1 Mon Sep 17 00:00:00 2001
From: Stasiek Michalski <hellcp@opensuse.org>
Date: Fri, 15 Jun 2018 08:37:40 +0200
Subject: [PATCH 3/7] Make uploading card flush for mobile users

---
 resources/views/timeline/partial/new-form.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/timeline/partial/new-form.blade.php b/resources/views/timeline/partial/new-form.blade.php
index 77425e2d5..dc73c31bc 100644
--- a/resources/views/timeline/partial/new-form.blade.php
+++ b/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'))

From 66b81b932b4693f3c9036accc58432f40de9abcd Mon Sep 17 00:00:00 2001
From: Stasiek Michalski <hellcp@opensuse.org>
Date: Fri, 15 Jun 2018 08:38:17 +0200
Subject: [PATCH 4/7] Make template card flush for mobile users

---
 resources/views/status/template.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/status/template.blade.php b/resources/views/status/template.blade.php
index baf37c296..26ee80053 100644
--- a/resources/views/status/template.blade.php
+++ b/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()}}">

From c222b747f262329c632741e1238c9adb220726c6 Mon Sep 17 00:00:00 2001
From: Stasiek Michalski <hellcp@opensuse.org>
Date: Sat, 16 Jun 2018 10:10:12 +0200
Subject: [PATCH 5/7] Fix margin in mobile view

---
 resources/views/layouts/partial/nav.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/layouts/partial/nav.blade.php b/resources/views/layouts/partial/nav.blade.php
index 29e3e63c6..6a46b576b 100644
--- a/resources/views/layouts/partial/nav.blade.php
+++ b/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
\ No newline at end of file
+@endauth

From 7df166fe58b85b57f17b9811d1ee8faada94573d Mon Sep 17 00:00:00 2001
From: Stasiek Michalski <hellcp@opensuse.org>
Date: Sat, 16 Jun 2018 10:11:22 +0200
Subject: [PATCH 6/7] Make column wider on sm breakpoint

---
 resources/views/timeline/personal.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/timeline/personal.blade.php b/resources/views/timeline/personal.blade.php
index 4ba2e9ca4..016727e58 100644
--- a/resources/views/timeline/personal.blade.php
+++ b/resources/views/timeline/personal.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 
 <div class="container p-0">
-  <div class="col-md-8 mx-auto pt-4 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>

From bbda58df6a7d8d16e7acc260f9c5d9831b4cd11a Mon Sep 17 00:00:00 2001
From: Stasiek Michalski <hellcp@opensuse.org>
Date: Sat, 16 Jun 2018 10:12:07 +0200
Subject: [PATCH 7/7] Make public timeline wider on sm breakpoint

---
 resources/views/timeline/public.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/timeline/public.blade.php b/resources/views/timeline/public.blade.php
index 30c5a4909..a84e54bd5 100644
--- a/resources/views/timeline/public.blade.php
+++ b/resources/views/timeline/public.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 
 <div class="container px-0">
-  <div class="col-md-8 mx-auto pt-4 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>