From 6f44e2d8bce940856780e5d893f72c24a4ed1f35 Mon Sep 17 00:00:00 2001
From: Stasiek Michalski <hellcp@opensuse.org>
Date: Fri, 15 Jun 2018 12:46:54 +0200
Subject: [PATCH 1/2] Make profile view tiled

---
 resources/views/profile/show.blade.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/profile/show.blade.php b/resources/views/profile/show.blade.php
index 525f24d18..111c71e66 100644
--- a/resources/views/profile/show.blade.php
+++ b/resources/views/profile/show.blade.php
@@ -17,7 +17,7 @@
 </div>
 @endif
 <div class="container">
-  <div class="profile-timeline mt-5 row">
+  <div class="profile-timeline mt-2 mt-md-4 row">
     @if($owner && request()->is('*/saved'))
     <div class="col-12">
       <p class="text-muted font-weight-bold small">{{__('profile.savedWarning')}}</p>
@@ -25,8 +25,8 @@
     @endif
     @if($timeline->count() > 0)
     @foreach($timeline as $status)
-    <div class="col-12 col-md-4 mb-4">
-      <a class="card info-overlay" href="{{$status->url()}}">
+    <div class="col-4 p-0 p-sm-2 p-md-3">
+      <a class="card info-overlay card-md-border-0" href="{{$status->url()}}">
         <div class="square {{$status->firstMedia()->filter_class}}">
           <div class="square-content" style="background-image: url('{{$status->thumb()}}')"></div>
           <div class="info-overlay-text">

From 3f2aa0a3274ad131a6a9befc56e8c7c54009d308 Mon Sep 17 00:00:00 2001
From: Stasiek Michalski <hellcp@opensuse.org>
Date: Fri, 15 Jun 2018 12:54:57 +0200
Subject: [PATCH 2/2] Remove borders from profile view

---
 resources/assets/sass/custom.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss
index 6b04d2ba2..419787e28 100644
--- a/resources/assets/sass/custom.scss
+++ b/resources/assets/sass/custom.scss
@@ -193,6 +193,13 @@ body, button, input, textarea {
   }
 }
 
+@media (max-width: map-get($grid-breakpoints, "sm")) {
+  .card-md-border-0 {
+    border-width: 0!important;
+    border-radius: 0!important;
+  }
+}
+
 @keyframes loading-bar {
   from { background-position: 0 0; }
   to { background-position: 100vw 0; }
@@ -248,4 +255,4 @@ body, button, input, textarea {
 .details-animated[open] {
   animation-name: fadeInDown;
   animation-duration: 0.5s;
-}
\ No newline at end of file
+}