From 724b176ba7917a91bbec181976a5ecf3a4fb0832 Mon Sep 17 00:00:00 2001
From: Steven Giesel <stgiesel35@gmail.com>
Date: Fri, 14 Jun 2024 12:55:02 +0200
Subject: [PATCH] Align arrow and make it less moving

---
 .../Features/Components/ShortBlogPost.razor.css       | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor.css b/src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor.css
index db0ebf51..5ee5aae5 100644
--- a/src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor.css
+++ b/src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor.css
@@ -92,18 +92,21 @@
     display: inline-block;
     position: relative;
 }
-.blog-card .description .read-more a:after {
+.blog-card .description .read-more a:before {
     font-family: 'icons';
     content: '\ea42';
+		display: inline-block;
     font-weight: 900;
     text-decoration: none;
-    margin-left: -10px;
+    margin-right: -5px;
     opacity: 0;
     transition: margin 0.3s, opacity 0.3s;
+		vertical-align: bottom;
 }
-.blog-card .description .read-more a:hover:after {
-    margin-left: 5px;
+.blog-card .description .read-more a:hover:before {
+    margin-right: 8px;
     opacity: 1;
+		display: inline-block;
 }
 
 .blog-card .read-time:before {