adjusted placement of flaschard practice buttons to be closer to the bottom. Fixed being able to enter quiz mode for flaschards created as part of a stack by fixing embedContainer setting.

3 files changed, 10 insertions, 10 deletions

diff --git a/src/client/views/collections/CollectionSubView.tsx b/src/client/views/collections/CollectionSubView.tsx
index c057d2402..f85b0b433 100644
--- a/src/client/views/collections/CollectionSubView.tsx
+++ b/src/client/views/collections/CollectionSubView.tsx
@@ -551,7 +551,6 @@ export function CollectionSubView<X>() {
                     filteredChildDocs={this.filteredChildDocs}
                     advance={answered}
                     curDoc={curDoc}
-                    practiceBtnOffset={this._sideBtnWidth * 4}
                     layoutDoc={this.layoutDoc}
                     uiBtnScaling={this.uiBtnScaling}
                     ScreenToLocalBoxXf={this.ScreenToLocalBoxXf}
diff --git a/src/client/views/collections/FlashcardPracticeUI.scss b/src/client/views/collections/FlashcardPracticeUI.scss
index 2f99500f8..4ed27793d 100644
--- a/src/client/views/collections/FlashcardPracticeUI.scss
+++ b/src/client/views/collections/FlashcardPracticeUI.scss
@@ -16,13 +16,15 @@
 .FlashcardPracticeUI-practice {
     position: absolute;
     width: 100%;
-    pointer-events: all;
-}
-.FlashcardPracticeUI-remove {
-    left: 52%;
-}
-.FlashcardPracticeUI-check {
-    right: 52%;
+    pointer-events: none;
+    .FlashcardPracticeUI-remove {
+        left: 52%;
+        pointer-events: all;
+    }
+    .FlashcardPracticeUI-check {
+        right: 52%;
+        pointer-events: all;
+    }
 }
 .FlashcardPracticeUI-menu {
     position: absolute;
diff --git a/src/client/views/collections/FlashcardPracticeUI.tsx b/src/client/views/collections/FlashcardPracticeUI.tsx
index 0e9fe89c9..4e424f5cd 100644
--- a/src/client/views/collections/FlashcardPracticeUI.tsx
+++ b/src/client/views/collections/FlashcardPracticeUI.tsx
@@ -37,7 +37,6 @@ interface PracticeUIProps {
     ScreenToLocalBoxXf: () => Transform;
     docViewProps: () => DocumentViewProps;
     setFilterFunc: (func?: (doc: Doc) => boolean) => void;
-    practiceBtnOffset?: number;
 }
 @observer
 export class FlashcardPracticeUI extends ObservableReactComponent<PracticeUIProps> {
@@ -105,7 +104,7 @@ export class FlashcardPracticeUI extends ObservableReactComponent<PracticeUIProp
         };
 
         return this.practiceMode == practiceMode.PRACTICE && this._props.curDoc() ? (
-            <div className="FlashcardPracticeUI-practice" style={{ transform: `scale(${this._props.uiBtnScaling})`, bottom: `${this._props.practiceBtnOffset ?? this._props.sideBtnWidth}px`, height: `${this._props.sideBtnWidth}px` }}>
+            <div className="FlashcardPracticeUI-practice" style={{ transform: `scale(${this._props.uiBtnScaling})`, bottom: `${this._props.sideBtnWidth}px`, height: `${this._props.sideBtnWidth}px` }}>
                 <Tooltip title="Incorrect. View again later.">
                     <div key="remove" className="FlashcardPracticeUI-remove" onPointerDown={e => setupMoveUpEvents(this, e, returnFalse, emptyFunction, () => setPracticeVal(e, practiceVal.MISSED))}>
                         <FontAwesomeIcon icon="xmark" color="red" size="1x" />