Flashcard changes - menu added

2 files changed, 4 insertions, 3 deletions

diff --git a/src/client/views/nodes/formattedText/FormattedTextBox.scss b/src/client/views/nodes/formattedText/FormattedTextBox.scss
index 8ac8c2c5f..54643b4a5 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBox.scss
+++ b/src/client/views/nodes/formattedText/FormattedTextBox.scss
@@ -89,14 +89,14 @@ audiotag:hover {
     right: 0;
     bottom: 0;
     width: 15;
-    height: 15;
+    height: 22;
     cursor: default;
 }
 .formattedTextBox-flip {
     align-items: center;
     position: absolute;
-    right: 3px;
-    bottom: 1px;
+    right: 2px;
+    bottom: 4px;
 }
 
 .formattedTextBox-outer {
diff --git a/src/client/views/nodes/formattedText/FormattedTextBox.tsx b/src/client/views/nodes/formattedText/FormattedTextBox.tsx
index 82133a06e..3e2befb5f 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBox.tsx
+++ b/src/client/views/nodes/formattedText/FormattedTextBox.tsx
@@ -816,6 +816,7 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FormattedTextB
     isTargetToggler = (anchor: Doc) => BoolCast(anchor.followLinkToggle);
 
     specificContextMenu = (e: React.MouseEvent): void => {
+        if (this._props.dontSelect?.()) return;
         const cm = ContextMenu.Instance;
 
         let target = e.target as any; // hrefs are stored on the database of the <a> node that wraps the hyerlink <span>