git: bdfa6bc3a8 - main - website: Add red arrows to the "More" buttons at the bottom of the news/events/press sections

The branch main has been updated by 0mp:

URL: https://cgit.FreeBSD.org/doc/commit/?id=bdfa6bc3a8d7282c3444b7a90205338c2e00be19

commit bdfa6bc3a8d7282c3444b7a90205338c2e00be19
Author:     Janek Szynal <mail@janek.ooo>
AuthorDate: 2024-07-15 18:41:12 +0000
Commit:     Mateusz Piotrowski <0mp@FreeBSD.org>
CommitDate: 2024-07-15 18:48:02 +0000

    website: Add red arrows to the "More" buttons at the bottom of the news/events/press sections
    
    Arrows on the left side of a link are used in several places on the
    webiste. Adding them to the "More" buttons makes them stand out a bit
    and communicates that they have a different nature from the links above
    them.
    
    Reviewed by:            0mp
    Differential Revision:  https://reviews.freebsd.org/D45811
---
 website/content/en/layout/css/layout.css     | 6 +++++-
 website/themes/beastie/static/css/layout.css | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/website/content/en/layout/css/layout.css b/website/content/en/layout/css/layout.css
index 8aeddb7a3b..668d2764a0 100644
--- a/website/content/en/layout/css/layout.css
+++ b/website/content/en/layout/css/layout.css
@@ -294,7 +294,11 @@
 }
 
 .newseventslist li.first-child {
-  padding-left: 0;
+  margin: 0;
+  padding-left: 12px;
+  background-image: url(../images/blt_red_arrow.png);
+  background-repeat: no-repeat;
+  background-position: 0px 0.5em;
 }
 
 .newseventslist li.only-child {
diff --git a/website/themes/beastie/static/css/layout.css b/website/themes/beastie/static/css/layout.css
index 35f2512661..cf9e215e95 100644
--- a/website/themes/beastie/static/css/layout.css
+++ b/website/themes/beastie/static/css/layout.css
@@ -332,7 +332,11 @@ header {
 }
 
 .newseventslist li.first-child {
-  padding-left: 0;
+  margin: 0;
+  padding-left: 12px;
+  background-image: url(../images/blt_red_arrow.png);
+  background-repeat: no-repeat;
+  background-position: 0px 0.5em;
 }
 
 .newseventslist li.only-child {