fix(note): ensure date aligns when no edited status

Sage · Jul 7, 2021 · f3c6dbe · f3c6dbe
1 parent 3892db4
commit f3c6dbe
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/components/note/note.spec.js b/src/components/note/note.spec.js
@@ -223,6 +223,17 @@ describe("Note", () => {
         wrapper.find(StyledFooterContent),
         { modifier: ":first-of-type" }
       );
+
+      assertStyleMatch(
+        {
+          fontSize: "12px",
+          color: baseTheme.note.timeStamp,
+          cursor: "pointer",
+          marginLeft: "24px",
+        },
+        wrapper.find(StyledFooterContent),
+        { modifier: ":last-of-type:not(:first-of-type)" }
+      );
     });
 
     it('renders the "name" and "createdDate" when props have value', () => {

diff --git a/src/components/note/note.style.js b/src/components/note/note.style.js
@@ -80,7 +80,7 @@ const StyledFooterContent = styled.div`
         color: ${theme.note.timeStamp};
       }
 
-      &:last-of-type {
+      &:last-of-type:not(:first-of-type) {
         font-size: 12px;
         color: ${theme.note.timeStamp};
         cursor: pointer;