made sizing of flashcard messages and 3d carousel's dots reactive to doc size

1 files changed, 3 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}