fix: align mark all read button

apps/desktop/layer/renderer/src/modules/entry-column/components/FooterMarkItem.tsx

@@ -1,5 +1,7 @@
 import { FeedViewType, views } from "@follow/constants"
 
+import { readableContentMaxWidthClassName } from "~/constants/ui"
+
 import { FlatMarkAllReadButton } from "./mark-all-button"
 
 export const FooterMarkItem = ({
@@ -58,12 +60,14 @@ const GridFooterMarkItem = ({ filter }: FooterMarkItemProps) => {
 
 const CommonFooterMarkItem = ({ filter }: FooterMarkItemProps) => {
   return (
-    <FlatMarkAllReadButton
-      className="justify-start"
-      buttonClassName="w-full rounded-none px-6 py-4"
-      iconClassName="mr-1 text-base"
-      which="above"
-      filter={filter}
-    />
+    <div className={`relative flex w-full ${readableContentMaxWidthClassName} mx-auto`}>
+      <FlatMarkAllReadButton
+        className="justify-start"
+        buttonClassName="w-full px-4 pl-3 py-4"
+        iconClassName="w-7 mr-3 text-base"
+        which="above"
+        filter={filter}
+      />
+    </div>
   )
 }