From fc1a3e4dbd5859259596ed67ae70df5c2892c941 Mon Sep 17 00:00:00 2001
From: Tauseef Shah <tauseefsshah@gmail.com>
Date: Wed, 25 Sep 2024 00:21:39 +0530
Subject: [PATCH 1/3] UPDATE - Header in articles.show and users.profile view
 to be boxed

---
 resources/views/articles/show.blade.php | 14 +++++++-------
 resources/views/users/profile.blade.php |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/resources/views/articles/show.blade.php b/resources/views/articles/show.blade.php
index 2368da646..336e01c34 100644
--- a/resources/views/articles/show.blade.php
+++ b/resources/views/articles/show.blade.php
@@ -18,13 +18,13 @@
             @endif
         @endauth
 
-        <div
-            class="w-full bg-center {{ $article->hasHeroImage() ? 'bg-cover' : '' }} bg-gray-800"
-            style="background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url({{ $article->heroImage(2000, 384) }});"
-        >
-            <div class="container mx-auto">
-                <div class="px-4 lg:px-0 lg:mx-48">
-                    <div class="flex items-center justify-between pt-6 mb-28">
+        <div class="container mx-auto">
+            <div class="px-4 lg:px-0 lg:mx-48">
+                <div
+                    class="w-full bg-center {{ $article->hasHeroImage() ? 'bg-cover' : '' }} bg-gray-800 px-6 py-8 lg:py-6"
+                    style="background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url({{ $article->heroImage(2000,384) }});"
+                >
+                    <div class="hidden items-center justify-between pt-6 mb-28 lg:flex">
                         <a href="{{ route('articles') }}" class="hidden items-center text-base text-white hover:underline lg:flex">
                             <x-heroicon-s-arrow-left class="w-4 h-4 fill-current" />
                             <span class="text-white ml-1 hover:text-gray-100">Back to articles</span>
diff --git a/resources/views/users/profile.blade.php b/resources/views/users/profile.blade.php
index ef055c0a1..d5c60afff 100644
--- a/resources/views/users/profile.blade.php
+++ b/resources/views/users/profile.blade.php
@@ -6,7 +6,7 @@
 @section('content')
     <section class="bg-white">
         <div
-            class="w-full bg-center bg-gray-800 h-60"
+            class="w-full bg-center bg-gray-800 h-60 container mx-auto"
             style="background-image: url('{{ asset('images/default-background.svg') }}')"
         ></div>
 

From 97ad9244a065fde3a39f6e990c26e79d776ced90 Mon Sep 17 00:00:00 2001
From: Tauseef Shah <tauseefsshah@gmail.com>
Date: Wed, 25 Sep 2024 15:37:50 +0530
Subject: [PATCH 2/3] UPDATE - Article heading padding to be equal on all sides

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

diff --git a/resources/views/articles/show.blade.php b/resources/views/articles/show.blade.php
index 336e01c34..3a3701f13 100644
--- a/resources/views/articles/show.blade.php
+++ b/resources/views/articles/show.blade.php
@@ -21,10 +21,10 @@
         <div class="container mx-auto">
             <div class="px-4 lg:px-0 lg:mx-48">
                 <div
-                    class="w-full bg-center {{ $article->hasHeroImage() ? 'bg-cover' : '' }} bg-gray-800 px-6 py-8 lg:py-6"
+                    class="w-full bg-center {{ $article->hasHeroImage() ? 'bg-cover' : '' }} bg-gray-800 p-6 lg:p-8"
                     style="background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url({{ $article->heroImage(2000,384) }});"
                 >
-                    <div class="hidden items-center justify-between pt-6 mb-28 lg:flex">
+                    <div class="hidden items-center justify-between mb-28 lg:flex">
                         <a href="{{ route('articles') }}" class="hidden items-center text-base text-white hover:underline lg:flex">
                             <x-heroicon-s-arrow-left class="w-4 h-4 fill-current" />
                             <span class="text-white ml-1 hover:text-gray-100">Back to articles</span>
@@ -59,7 +59,7 @@ class="w-full bg-center {{ $article->hasHeroImage() ? 'bg-cover' : '' }} bg-gray
                         {{ $article->title() }}
                     </h1>
 
-                    <div class="flex flex-col gap-y-2 text-white pb-4 lg:pb-12 lg:flex-row lg:items-center">
+                    <div class="flex flex-col gap-y-2 text-white lg:flex-row lg:items-center">
                         <div class="flex items-center">
                             <x-avatar :user="$article->author()" class="w-6 h-6 rounded-full mr-3" />
 

From e2dad716ae974e6ae36eda4aba0b6f044af76508 Mon Sep 17 00:00:00 2001
From: Tauseef Shah <tauseefsshah@gmail.com>
Date: Thu, 26 Sep 2024 17:37:32 +0530
Subject: [PATCH 3/3] UPDATE - Show  and published info in mobile view

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

diff --git a/resources/views/articles/show.blade.php b/resources/views/articles/show.blade.php
index 3a3701f13..26daea2ca 100644
--- a/resources/views/articles/show.blade.php
+++ b/resources/views/articles/show.blade.php
@@ -24,13 +24,13 @@
                     class="w-full bg-center {{ $article->hasHeroImage() ? 'bg-cover' : '' }} bg-gray-800 p-6 lg:p-8"
                     style="background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url({{ $article->heroImage(2000,384) }});"
                 >
-                    <div class="hidden items-center justify-between mb-28 lg:flex">
-                        <a href="{{ route('articles') }}" class="hidden items-center text-base text-white hover:underline lg:flex">
+                    <div class="flex items-center justify-between mb-28 text-sm lg:text-base">
+                        <a href="{{ route('articles') }}" class="flex items-center text-white hover:underline">
                             <x-heroicon-s-arrow-left class="w-4 h-4 fill-current" />
                             <span class="text-white ml-1 hover:text-gray-100">Back to articles</span>
                         </a>
 
-                        <div class="hidden lg:flex">
+                        <div>
                             @if ($article->isNotPublished())
                                 <x-light-tag>
                                     @if ($article->isAwaitingApproval())