From c9f90fbda9f9b3fc3e5fe5ade134f32af6074617 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Wed, 9 Oct 2024 09:26:26 -0400
Subject: made sizing of flashcard messages and 3d carousel's dots reactive to
 doc size

---
 src/client/views/collections/CollectionCarousel3DView.tsx | 4 +++-
 src/client/views/collections/FlashcardPracticeUI.tsx      | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

(limited to 'src')

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);
-- 
cgit v1.2.3-70-g09d2