fix: Slight misalignment of archived badge

2022-10-23 13:00:57 -04:00
parent e714e934cb
commit 8ba911b56d
1 changed files with 7 additions and 1 deletions
--- a/app/scenes/Document/components/Header.tsx
+++ b/app/scenes/Document/components/Header.tsx
@@ -213,7 +213,9 @@ function DocumentHeader({
        title={
          <>
            {document.title}{" "}
-            {document.isArchived && <Badge>{t("Archived")}</Badge>}
+            {document.isArchived && (
+              <ArchivedBadge>{t("Archived")}</ArchivedBadge>
+            )}
          </>
        }
        actions={
@@ -358,6 +360,10 @@ function DocumentHeader({
  );
 }

+const ArchivedBadge = styled(Badge)`
+  position: absolute;
+`;
+
 const Status = styled(Action)`
  padding-left: 0;
  padding-right: 4px;