diff options
-rw-r--r-- | src/client/views/collections/CollectionCarousel3DView.tsx | 4 | ||||
-rw-r--r-- | src/client/views/collections/FlashcardPracticeUI.tsx | 1 |
2 files changed, 4 insertions, 1 deletions
diff --git a/src/client/views/collections/CollectionCarousel3DView.tsx b/src/client/views/collections/CollectionCarousel3DView.tsx index 1583f0e0c..3bcf3450f 100644 --- a/src/client/views/collections/CollectionCarousel3DView.tsx +++ b/src/client/views/collections/CollectionCarousel3DView.tsx @@ -233,7 +233,9 @@ export class CollectionCarousel3DView extends CollectionSubView() { {this.content} </div> {this.buttons} - <div className="dot-bar">{this.dots}</div> + <div className="dot-bar" style={{ transform: `scale(${this.uiBtnScaleTransform})` }}> + {this.dots} + </div> <FlashcardPracticeUI setFilterFunc={this.setFilterFunc} fieldKey={this.fieldKey} diff --git a/src/client/views/collections/FlashcardPracticeUI.tsx b/src/client/views/collections/FlashcardPracticeUI.tsx index 072a2edef..a643c95b0 100644 --- a/src/client/views/collections/FlashcardPracticeUI.tsx +++ b/src/client/views/collections/FlashcardPracticeUI.tsx @@ -78,6 +78,7 @@ export class FlashcardPracticeUI extends ObservableReactComponent<PracticeUIProp return !practiceMessage && !filterMessage ? null : ( <p className="FlashcardPracticeUI-message" + style={{ transform: `scale(${this._props.uiBtnScaleTransform})` }} onClick={() => { if (filterMessage || practiceMessage) { this.setPracticeMode(undefined); |