Merge pull request #58 from microsoft/jamesbugs1

Bug fixes from QA.

Author: andrewldesousa

frontend/src/pages/chat/Chat.module.css

@@ -211,9 +211,9 @@
   justify-content: center;
   align-items: center;
   position: absolute;
-  width: 180px;
+  width: 40px;
   height: 40px;
-  right: -200px;
+  right: -60px;
   top: 40px;
   color: #ffffff;
   border-radius: 4px;

frontend/src/pages/chat/Chat.tsx

@@ -80,7 +80,10 @@ const modalStyles: IModalStyles = {
     borderRadius: '8px'
   },
   root: undefined,
-  scrollableContent: undefined,
+  scrollableContent: 
+  {
+    minWidth: '800px'
+  },
   layer: undefined,
   keyboardMoveIconContainer: undefined,
   keyboardMoveIcon: undefined
@@ -1023,14 +1026,14 @@ const Chat = ({ type = ChatType.Browse }: Props) => {
                   }}
                   className={
                     appStateContext?.state.isCosmosDBAvailable?.status !== CosmosDBStatus.NotConfigured &&
-                    type !== ChatType.Template
+                    type !== ChatType.Browse
                       ? styles.clearChatBroom
                       : styles.clearChatBroomNoCosmos
                   }
                   iconProps={{ iconName: 'Broom' }}
                   onClick={
                     appStateContext?.state.isCosmosDBAvailable?.status !== CosmosDBStatus.NotConfigured &&
-                    type !== ChatType.Template
+                    type !== ChatType.Browse
                       ? clearChat
                       : newChat
                   }
@@ -1068,18 +1071,19 @@ const Chat = ({ type = ChatType.Browse }: Props) => {
                     },
                     root: {
                       color: '#FFFFFF',
-                      background: '#1367CF'
+                      background:
+                        'radial-gradient(109.81% 107.82% at 100.1% 90.19%, #0F6CBD 33.63%, #2D87C3 70.31%, #8DDDD8 100%)'
                     },
                     rootDisabled: {
                       background: '#F0F0F0'
                     }
                   }}
                   className={styles.generateDocumentIcon}
-                  iconProps={{ iconName: 'WordDocument' }}
+                  iconProps={{ iconName: 'Generate' }}
                   onClick={generateDocument} //Update for Document Generation
-                  disabled={draftDocument === undefined && disabledButton()}
-                  aria-label="generate document"
-                  text="Generate Document"
+                  disabled={draftDocument === undefined || disabledButton()}
+                  aria-label="generate draft"
+                  title='Generate Draft'
                 />
               )}
             </Stack>

frontend/src/pages/draft/Draft.tsx

@@ -64,14 +64,16 @@ const Draft = (): JSX.Element => {
                       text: '',
                       break: 1 // Add a new line after the section title
                     }),
-                    new TextRun({
-                      text: section.content,
-                      size: 16
-                    }),
-                    new TextRun({
-                      text: '\n',
-                      break: 1 // Add a new line after the content
-                    })
+                    ...section.content.split('\n').map((line, lineIndex) => [
+                      new TextRun({
+                        text: line,
+                        size: 16
+                      }),
+                      new TextRun({
+                        text: '',
+                        break: 1 // Add a new line after each line of content
+                      })
+                    ]).flat()
                   ]
                 })
             )