decreased size of video box ui bar. fixed autoHeight on native scaled text.

2 files changed, 12 insertions, 13 deletions

diff --git a/src/client/views/nodes/VideoBox.scss b/src/client/views/nodes/VideoBox.scss
index f267407eb..d4cddd65e 100644
--- a/src/client/views/nodes/VideoBox.scss
+++ b/src/client/views/nodes/VideoBox.scss
@@ -87,7 +87,6 @@
     justify-content: center;
     display: flex;
     width: 100%;
-    height: 38px;
     visibility: none;
     opacity: 0;
     background-color: $dark-gray;
@@ -98,7 +97,7 @@
     bottom: 0;
 
     transition: top 0.5s, width 0.5s, opacity 0.2s, visibility 0s;
-    height: 38px;
+    height: 24px;
     padding: 0 20px;
 
     .timecode-controls {
@@ -108,7 +107,7 @@
         justify-content: center;
         margin: 0 5px;
         flex-grow: 2;
-        font-size: 14px;
+        font-size: 12px;
 
         .timecode {
             margin: 0 5px;
@@ -128,8 +127,8 @@
     .videobox-button {
         margin: 5px;
         cursor: pointer;
-        width: 38px;
-        height: 38px;
+        width: 24px;
+        height: 24px;
         border-radius: 50%;
         background: $dark-gray;
         display: flex;
@@ -141,8 +140,8 @@
         }
 
         svg {
-            width: 25px;
-            height: 25px;
+            width: 18px;
+            height: 18px;
         }
     }
 }
@@ -205,21 +204,21 @@ input[type="range"]:focus {
 
 input[type="range"]::-webkit-slider-runnable-track {
     width: 100%;
-    height: 20px;
+    height: 18px;
     cursor: pointer;
     box-shadow: 0;
     background: $light-gray;
-    border-radius: 20px;
+    border-radius: 18px;
 }
 
 input[type="range"]::-webkit-slider-thumb {
     box-shadow: 0;
     border: 0;
-    height: 26px;
-    width: 26px;
+    height: 20px;
+    width: 20px;
     border-radius: 20px;
     background: $medium-blue;
     cursor: pointer;
     -webkit-appearance: none;
-    margin-top: -3px;
+    margin-top: -1px;
 }
\ No newline at end of file
diff --git a/src/client/views/nodes/formattedText/FormattedTextBox.tsx b/src/client/views/nodes/formattedText/FormattedTextBox.tsx
index 6004ac271..be38342d1 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBox.tsx
+++ b/src/client/views/nodes/formattedText/FormattedTextBox.tsx
@@ -873,7 +873,7 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<(FieldViewProp
         this._disposers.componentHeights = reaction(  // set the document height when one of the component heights changes and autoHeight is on
             () => ({ sidebarHeight: this.sidebarHeight, textHeight: this.textHeight, autoHeight: this.autoHeight, marginsHeight: this.autoHeightMargins }),
             ({ sidebarHeight, textHeight, autoHeight, marginsHeight }) => {
-                autoHeight && this.props.setHeight?.(marginsHeight + Math.max(sidebarHeight, textHeight));
+                autoHeight && this.props.setHeight?.((this.props.scaling?.() || 1) * (marginsHeight + Math.max(sidebarHeight, textHeight)));
             }, { fireImmediately: true });
         this._disposers.links = reaction(() => DocListCast(this.dataDoc.links), // if a link is deleted, then remove all hyperlinks that reference it from the text's marks
             newLinks => {