Align arrow and make it less moving

linkdotnet · Jun 14, 2024 · 724b176 · 724b176
1 parent 11851ec
commit 724b176
Showing 1 changed file with 7 additions and 4 deletions.
diff --git 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 {