From b45fece88fef44cbbc797f76cfd43b174c107695 Mon Sep 17 00:00:00 2001
From: David Corbitt <davidlcorbitt@gmail.com>
Date: Fri, 30 Jun 2023 18:26:20 -0700
Subject: [PATCH 1/2] Center loading indicators in output cells

---
 src/components/OutputsTable/OutputCell.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/OutputsTable/OutputCell.tsx b/src/components/OutputsTable/OutputCell.tsx
index 44b49cf..e9f2033 100644
--- a/src/components/OutputsTable/OutputCell.tsx
+++ b/src/components/OutputsTable/OutputCell.tsx
@@ -1,6 +1,6 @@
 import { api } from "~/utils/api";
 import { type PromptVariant, type Scenario } from "./types";
-import { Spinner, Text, Box } from "@chakra-ui/react";
+import { Spinner, Text, Box, Center } from "@chakra-ui/react";
 import { useExperiment } from "~/utils/hooks";
 import { type CreateChatCompletionResponse } from "openai";
 import SyntaxHighlighter from "react-syntax-highlighter";
@@ -45,7 +45,7 @@ export default function OutputCell({
 
   if (disabledReason) return <Text color="gray.500">{disabledReason}</Text>;
 
-  if (output.isLoading) return <Spinner />;
+  if (output.isLoading) return <Center h="100%" w="100%"><Spinner /></Center>;
 
   if (!output.data)
     return <Text color="gray.500">Error retrieving output</Text>;

From ae9b37cf168f80d0786b246f6cbe532948146589 Mon Sep 17 00:00:00 2001
From: David Corbitt <davidlcorbitt@gmail.com>
Date: Fri, 30 Jun 2023 18:31:28 -0700
Subject: [PATCH 2/2] Add margin to autogenerating NewScenarioButton

---
 src/components/OutputsTable/NewScenarioButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/OutputsTable/NewScenarioButton.tsx b/src/components/OutputsTable/NewScenarioButton.tsx
index 3227874..10365a9 100644
--- a/src/components/OutputsTable/NewScenarioButton.tsx
+++ b/src/components/OutputsTable/NewScenarioButton.tsx
@@ -45,7 +45,7 @@ export default function NewScenarioButton() {
         Add Scenario
       </StyledButton>
       <StyledButton onClick={onAutogenerate}>
-        <Icon as={autogenerating ? Spinner : BsPlus} boxSize={6} />
+        <Icon as={autogenerating ? Spinner : BsPlus} boxSize={6} mr={autogenerating ? 1 : 0} />
         Autogenerate Scenario
       </StyledButton>
     </HStack>