From e864a54e0ef509f540f9be550a853878046b14d3 Mon Sep 17 00:00:00 2001
From: Bob Zeleznik <zzzman@gmail.com>
Date: Mon, 27 Jan 2020 18:06:34 -0500
Subject: fixed some doc button box layout details

---
 src/client/util/RichTextRules.ts                   |  2 +-
 src/client/views/TemplateMenu.scss                 | 12 +++++------
 src/client/views/TemplateMenu.tsx                  | 23 +++++++++++-----------
 .../views/collections/ParentDocumentSelector.scss  |  2 --
 4 files changed, 18 insertions(+), 21 deletions(-)

(limited to 'src')

diff --git a/src/client/util/RichTextRules.ts b/src/client/util/RichTextRules.ts
index 0de0e21fd..389c84c54 100644
--- a/src/client/util/RichTextRules.ts
+++ b/src/client/util/RichTextRules.ts
@@ -207,7 +207,7 @@ export const inpRules = {
                 const textDocInline = Docs.Create.TextDocument("", { _width: 75, _height: 35, backgroundColor: "yellow", annotationOn: textDoc, _autoHeight: true, fontSize: 9, title: "inline comment" });
                 textDocInline.layoutKey = "layout_" + inlineFieldKey;
                 textDocInline.customTitle = true;
-                textDocInline.title = "inline";
+                textDocInline.title = inlineFieldKey;
                 textDocInline.isTemplateForField = inlineFieldKey;
                 textDocInline.proto = textDoc;
                 textDoc[textDocInline.layoutKey] = FormattedTextBox.LayoutString(inlineFieldKey);
diff --git a/src/client/views/TemplateMenu.scss b/src/client/views/TemplateMenu.scss
index 69bebe0e9..858fcfb5f 100644
--- a/src/client/views/TemplateMenu.scss
+++ b/src/client/views/TemplateMenu.scss
@@ -15,12 +15,12 @@
 .templating-button {
     width: 20px;
     height: 20px;
-    border-radius: 50%;
-    opacity: 0.9;
-    font-size: 14;
-    background-color: $dark-color;
-    color: $light-color;
-    text-align: center;
+    padding-left: 5px;
+    background: black;
+    color: white;
+    border-radius: 10px;
+    display: flex;
+    align-items: center;
     cursor: pointer;
 
     &:hover {
diff --git a/src/client/views/TemplateMenu.tsx b/src/client/views/TemplateMenu.tsx
index d6cc394d8..92987bde0 100644
--- a/src/client/views/TemplateMenu.tsx
+++ b/src/client/views/TemplateMenu.tsx
@@ -152,18 +152,17 @@ export class TemplateMenu extends React.Component<TemplateMenuProps> {
         templateMenu.push(<OtherToggle key={"narrative"} name={"Narrative"} checked={StrCast(this.props.docs[0].Document.layoutKey, "layout") === "layout_narrative"} toggle={this.toggleNarrative} />);
         templateMenu.push(<OtherToggle key={"chrome"} name={"Chrome"} checked={layout._chromeStatus !== "disabled"} toggle={this.toggleChrome} />);
         return (
-            <Flyout anchorPoint={anchorPoints.LEFT_TOP}
-                content={<ul className="template-list" ref={this._dragRef} style={{ display: "block" }}>
-                    {templateMenu}
-                    {<button onClick={this.clearTemplates}>Restore Defaults</button>}
-                </ul>}>
-                <span className="parentDocumentSelector-button" >
-                    <FontAwesomeIcon icon={faEdit} size={"lg"} />
-                </span>
-                {/* <div className="templating-menu" onPointerDown={this.onAliasButtonDown}>
-                    <div title="Drag:(create alias). Tap:(modify layout)." className="templating-button" onClick={() => this.toggleTemplateActivity()}>+</div>
-                </div> */}
-            </Flyout>
+            <div className="templating-button" onPointerDown={this.onAliasButtonDown} title="Drag:(create alias). Tap:(modify layout)." >
+                <Flyout anchorPoint={anchorPoints.LEFT_TOP}
+                    content={<ul className="template-list" ref={this._dragRef} style={{ display: "block" }}>
+                        {templateMenu}
+                        {<button onClick={this.clearTemplates}>Restore Defaults</button>}
+                    </ul>}>
+                    <span className="parentDocumentSelector-button" >
+                        <FontAwesomeIcon icon={faEdit} size={"sm"} />
+                    </span>
+                </Flyout>
+            </div>
         );
     }
 }
\ No newline at end of file
diff --git a/src/client/views/collections/ParentDocumentSelector.scss b/src/client/views/collections/ParentDocumentSelector.scss
index d293bb5ca..a266861bd 100644
--- a/src/client/views/collections/ParentDocumentSelector.scss
+++ b/src/client/views/collections/ParentDocumentSelector.scss
@@ -35,8 +35,6 @@
     pointer-events: all; 
     position: relative;
     display: inline-block;
-    padding-left: 5px;
-    padding-right: 5px;
 }
 .parentDocumentSelector-metadata {
     pointer-events: auto;
-- 
cgit v1.2.3-70-g09d2