From 278413741376c76ab0a93a94d906b3e7fa13a545 Mon Sep 17 00:00:00 2001
From: Charles Teh <charlesteh90@gmail.com>
Date: Sun, 3 Dec 2023 11:33:28 +0800
Subject: [PATCH] Update (ai)

---
 .../views/front/layouts/partials/nav.blade.php   |  2 +-
 .../views/front/partials/news_bites.blade.php    | 16 ++++++++--------
 resources/views/front/welcome.blade.php          |  6 +++++-
 3 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/resources/views/front/layouts/partials/nav.blade.php b/resources/views/front/layouts/partials/nav.blade.php
index d318701..633c5bd 100644
--- a/resources/views/front/layouts/partials/nav.blade.php
+++ b/resources/views/front/layouts/partials/nav.blade.php
@@ -28,7 +28,7 @@
 
                 <div class="text-center text-md-end">
                     <div class="d-flex d-justify-content-end">
-                        <div class="align-self-center d-none d-md-block">Important news shaping the digital future</div>
+                        <div  data-nosnippet class="align-self-center d-none d-md-block">Digital news shaping your future</div>
 
                         <button type="button"
                             class="align-self-center ms-1 btn btn-link text-white btn-lg px-1 hover-opacity"
diff --git a/resources/views/front/partials/news_bites.blade.php b/resources/views/front/partials/news_bites.blade.php
index 8862187..1a93bea 100644
--- a/resources/views/front/partials/news_bites.blade.php
+++ b/resources/views/front/partials/news_bites.blade.php
@@ -1,29 +1,29 @@
 @foreach ($rss_posts as $key => $post)
     <div class="card mb-1">
         <div class="card-body">
-            <div class="d-flex justify-content-between">
-                <div class="">
+            <div class="d-grid d-md-flex justify-content-md-between">
+                <div class="w-100">
                     <h3 class="h6 mb-1 fw fw-semibold font-family-roboto-condensed">
                         {{ $post->title }}
                     </h3>
 
                     @if ($post->entities_keywords->count() > 0)
-                        <div class="d-flex flex-wrap mb-1">
+                        <div class="d-flex flex-wrap mb-1 gap-1">
 {{-- @if ($post->entities) --}}
 @foreach ($post->entities_keywords as $keyword)
     {{-- @if ($keyword->type == 'entity') --}}
     @if ($loop->iteration <= 3)
         @if ($keyword->is_main)
-            <h4 class="mb-0 pb-1 d-inline badge bg-secondary border-secondary text-white border me-1 small fw-bold">
+            <h4 class="mb-0 pb-1 d-inline badge bg-secondary border-secondary text-white border small fw-bold">
                 {{ $keyword->value }}
             </h4>
         @else
-            <h4 class="mb-0 pb-1 d-inline badge text-bg-light border me-1 small fw-normal">
+            <h4 class="mb-0 pb-1 d-inline badge text-bg-light border small fw-normal">
                 {{ $keyword->value }}
             </h4>
         @endif
     @elseif ($loop->iteration > 3 && count($post->entities_keywords) > 3)
-        <h4 class="mb-0 pb-1 d-inline badge text-bg-light border me-1 small fw-normal">
+        <h4 class="mb-0 pb-1 d-inline badge text-bg-light border small fw-normal">
             +{{ count($post->entities_keywords) - 3 }} more
         </h4>
         @break
@@ -35,7 +35,7 @@
                         {{-- @endif --}}
                         @if ($post->impact_level == 'high')
                             <h4
-                                class="font-family-roboto-condensed mb-0 pb-1 d-inline badge bg-danger border-danger text-white border me-1 small fw-bold text-uppercase">
+                                class="font-family-roboto-condensed mb-0 pb-1 d-inline badge bg-danger border-danger text-white border small fw-bold text-uppercase">
                                 🔥 High Impact
                             </h4>
                         @endif
@@ -69,7 +69,7 @@ class="font-family-roboto-condensed mb-0 pb-1 d-inline badge bg-danger border-da
                 </div>
 
             </div>
-            <div class=" text-end d-flex justify-content-end">
+            <div class="text-end d-flex justify-content-end w-100">
                 <div class="align-self-center">
                     <a class="btn btn-outline-secondary btn-sm rounded-pill px-3 text-decoration-none"
                         target="_blank" rel="nofollow noopener noreferrer" href="{{ $post->post_url }}">👉 Read article</a>
diff --git a/resources/views/front/welcome.blade.php b/resources/views/front/welcome.blade.php
index 5824ee1..d1d16c0 100644
--- a/resources/views/front/welcome.blade.php
+++ b/resources/views/front/welcome.blade.php
@@ -24,12 +24,16 @@
 
                         <p data-nosnippet class="h4 mb-3">📡 Top keywords identified for the past 24 hours across {{ $rss_count }} articles identified by GPT</p>
 
+                        <div class="d-flex justify-content-center flex-wrap gap-1">
                         @foreach ($top_rss_keywords as $rss_keyword)
                             <a href="{{ get_route_search_result($rss_keyword->value_lowercased) }}"
-                                class="mb-1 pb-1 badge text-primary border me-1 fw-bold shadow hover-grow">
+                                class=" pb-1 badge text-primary border fw-bold shadow hover-grow">
                                 <span class="h6">#{{ $rss_keyword->value }}</span>
                             </a>
                         @endforeach
+                        </div>
+
+
 
                     </div>
                 </div>