From d294526020e87af4170fdc474bb571c29dd60189 Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Sat, 26 Nov 2022 16:12:22 +0630
Subject: [PATCH] refactor(style): move 'Posted on:' span text below the svg
 image for layout

---
 src/components/Datetime.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Datetime.tsx b/src/components/Datetime.tsx
index edb1323..d7abaf8 100644
--- a/src/components/Datetime.tsx
+++ b/src/components/Datetime.tsx
@@ -7,7 +7,6 @@ export interface Props {
 export default function Datetime({ datetime, size = "sm", className }: Props) {
   return (
     <div className={`opacity-80 flex items-center space-x-2 ${className}`}>
-      <span className="sr-only">Posted on:</span>
       <svg
         xmlns="http://www.w3.org/2000/svg"
         className={`${
@@ -18,6 +17,7 @@ export default function Datetime({ datetime, size = "sm", className }: Props) {
         <path d="M7 11h2v2H7zm0 4h2v2H7zm4-4h2v2h-2zm0 4h2v2h-2zm4-4h2v2h-2zm0 4h2v2h-2z"></path>
         <path d="M5 22h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2zM19 8l.001 12H5V8h14z"></path>
       </svg>
+      <span className="sr-only">Posted on:</span>
       <span className={`italic ${size === "sm" ? "text-sm" : "text-base"}`}>
         <FormattedDatetime datetime={datetime} />
       </span>