From f7f9b6176387701ae62f49c294f251caa5e94d41 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Fri, 1 Dec 2023 13:05:23 -0500
Subject: made collections fitwidth in tree view previews.  centered keys in
 keyvalue.

---
 src/client/views/collections/TreeView.tsx | 2 +-
 src/client/views/nodes/KeyValuePair.scss  | 1 +
 src/client/views/nodes/trails/PresBox.tsx | 4 +---
 3 files changed, 3 insertions(+), 4 deletions(-)

(limited to 'src/client/views')

diff --git a/src/client/views/collections/TreeView.tsx b/src/client/views/collections/TreeView.tsx
index ba4ed6074..0de1068f7 100644
--- a/src/client/views/collections/TreeView.tsx
+++ b/src/client/views/collections/TreeView.tsx
@@ -1066,7 +1066,7 @@ export class TreeView extends React.Component<TreeViewProps> {
                     isDocumentActive={isActive}
                     styleProvider={asText ? this.titleStyleProvider : this.embeddedStyleProvider}
                     hideTitle={asText}
-                    //fitContentsToBox={returnTrue}
+                    fitContentsToBox={returnTrue}
                     hideDecorationTitle={this.props.treeView.outlineMode}
                     hideResizeHandles={this.props.treeView.outlineMode}
                     onClick={this.onChildClick}
diff --git a/src/client/views/nodes/KeyValuePair.scss b/src/client/views/nodes/KeyValuePair.scss
index 57d36932e..c29af7817 100644
--- a/src/client/views/nodes/KeyValuePair.scss
+++ b/src/client/views/nodes/KeyValuePair.scss
@@ -26,6 +26,7 @@
             position: relative;
             overflow: auto;
             display: inline;
+            align-self: center;
         }
     }
 }
diff --git a/src/client/views/nodes/trails/PresBox.tsx b/src/client/views/nodes/trails/PresBox.tsx
index ec0acf36e..2303e4126 100644
--- a/src/client/views/nodes/trails/PresBox.tsx
+++ b/src/client/views/nodes/trails/PresBox.tsx
@@ -2338,9 +2338,7 @@ export class PresBox extends ViewBoxBaseComponent<FieldViewProps>() {
         const mode = StrCast(this.Document._type_collection) as CollectionViewType;
         const isMini: boolean = this.toolbarWidth <= 100;
         return (
-            <div
-                className={`presBox-buttons${Doc.IsInMyOverlay(this.Document) ? ' inOverlay' : ''}`}
-                style={{ background: Doc.ActivePresentation === this.Document ? Colors.LIGHT_BLUE : undefined, display: !this.Document._chromeHidden ? 'none' : undefined }}>
+            <div className={`presBox-buttons${Doc.IsInMyOverlay(this.Document) ? ' inOverlay' : ''}`} style={{ background: Doc.ActivePresentation === this.Document ? Colors.LIGHT_BLUE : undefined }}>
                 {isMini ? null : (
                     <select className="presBox-viewPicker" style={{ display: this.layoutDoc.presentation_status === 'edit' ? 'block' : 'none' }} onPointerDown={e => e.stopPropagation()} onChange={this.viewChanged} value={mode}>
                         <option onPointerDown={StopEvent} value={CollectionViewType.Stacking}>
-- 
cgit v1.2.3-70-g09d2