From 31403ab3735a77343e0ba34f482b319a93577ce9 Mon Sep 17 00:00:00 2001
From: Abhishek Kulshrestha <abhikulshrestha22@gmail.com>
Date: Fri, 17 Jan 2020 23:53:41 +0530
Subject: [PATCH] Bug 389 (#428)

* paste inside the viewport

* Buttons in top left panel aren't horizontally centered
---
 src/components/Stack.tsx | 21 +++++++++++++++++----
 src/index.tsx            |  2 +-
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/components/Stack.tsx b/src/components/Stack.tsx
index f1b9c329e..331c8edce 100644
--- a/src/components/Stack.tsx
+++ b/src/components/Stack.tsx
@@ -6,24 +6,37 @@ type StackProps = {
   children: React.ReactNode;
   gap?: number;
   align?: "start" | "center" | "end" | "baseline";
+  justifyContent?: "center" | "space-around" | "space-between";
 };
 
-function RowStack({ children, gap, align }: StackProps) {
+function RowStack({ children, gap, align, justifyContent }: StackProps) {
   return (
     <div
       className="Stack Stack_horizontal"
-      style={{ "--gap": gap, alignItems: align } as React.CSSProperties}
+      style={
+        {
+          "--gap": gap,
+          alignItems: align,
+          justifyContent
+        } as React.CSSProperties
+      }
     >
       {children}
     </div>
   );
 }
 
-function ColStack({ children, gap, align }: StackProps) {
+function ColStack({ children, gap, align, justifyContent }: StackProps) {
   return (
     <div
       className="Stack Stack_vertical"
-      style={{ "--gap": gap, justifyItems: align } as React.CSSProperties}
+      style={
+        {
+          "--gap": gap,
+          justifyItems: align,
+          justifyContent
+        } as React.CSSProperties
+      }
     >
       {children}
     </div>
diff --git a/src/index.tsx b/src/index.tsx
index 74d01ee1a..4fa431a0a 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -460,7 +460,7 @@ export class App extends React.Component<{}, AppState> {
   private renderCanvasActions() {
     return (
       <Stack.Col gap={4}>
-        <Stack.Row gap={1}>
+        <Stack.Row justifyContent={"space-between"}>
           {this.actionManager.renderAction(
             "loadScene",
             elements,