diff --git a/src/components/BookmarkNote/BookmarkNote.tsx b/src/components/BookmarkNote/BookmarkNote.tsx
index 2d52080..494594d 100644
--- a/src/components/BookmarkNote/BookmarkNote.tsx
+++ b/src/components/BookmarkNote/BookmarkNote.tsx
@@ -135,24 +135,24 @@ const BookmarkNote: Component<{ note: PrimalNote, large?: boolean }> = (props) =
return (
- {
- e.preventDefault();
+ {
+ e.preventDefault();
- doBookmark(isBookmarked());
+ doBookmark(isBookmarked());
- }}
- disabled={bookmarkInProgress()}
- >
-
- }
- >
-
-
-
+ }}
+ disabled={bookmarkInProgress()}
+ >
+
+ }
+ >
+
+
+
)
}
diff --git a/src/components/Note/Note.module.scss b/src/components/Note/Note.module.scss
index 160f386..87c3ca3 100644
--- a/src/components/Note/Note.module.scss
+++ b/src/components/Note/Note.module.scss
@@ -491,7 +491,7 @@
grid-area: content;
display: flex;
flex-direction: column;
-
+ padding-right: 20px;
.message {
grid-area: message;
@@ -508,6 +508,7 @@
.footer {
margin-top: 12px;
+ margin-right: 0 !important;
}
}
}
diff --git a/src/components/Note/NoteFooter/NoteFooter.module.scss b/src/components/Note/NoteFooter/NoteFooter.module.scss
index 60cec00..b25d609 100644
--- a/src/components/Note/NoteFooter/NoteFooter.module.scss
+++ b/src/components/Note/NoteFooter/NoteFooter.module.scss
@@ -55,12 +55,12 @@
.footer {
display: grid;
- grid-template-columns: 125px 125px 125px 125px 28px;
+ grid-template-columns: 125px 125px 125px 125px auto;
position: relative;
width: 100%;
&.wide {
- grid-template-columns: 137px 137px 137px 135px 28px;
+ grid-template-columns: 137px 137px 137px 135px auto;
}
.context {
@@ -171,6 +171,11 @@
padding-left: 7px;
}
}
+
+ .bookmarkFoot {
+ display: flex;
+ justify-content: flex-end;
+ }
}
.smallZapLottie {
diff --git a/src/components/Note/NoteFooter/NoteFooter.tsx b/src/components/Note/NoteFooter/NoteFooter.tsx
index 4b336d9..5bc35d7 100644
--- a/src/components/Note/NoteFooter/NoteFooter.tsx
+++ b/src/components/Note/NoteFooter/NoteFooter.tsx
@@ -377,10 +377,12 @@ const NoteFooter: Component<{
-
+
)