Welcome screen close button

src/showplanner/WelcomeModal.tsx

@@ -1,5 +1,7 @@
 import React from "react";
+import { FaTimes } from "react-icons/fa";
 import Modal from "react-modal";
+import { Button } from "reactstrap";
 
 interface WelcomeModalProps {
   isOpen: boolean;
@@ -9,7 +11,15 @@ interface WelcomeModalProps {
 export function WelcomeModal(props: WelcomeModalProps) {
   return (
     <Modal isOpen={props.isOpen} onRequestClose={props.close}>
-      <h1>Welcome to WebStudio!</h1>
+      <h1 className="d-inline">Welcome to WebStudio!</h1>
+      <Button
+        onClick={props.close}
+        className="float-right pt-1"
+        color="primary"
+      >
+        <FaTimes />
+      </Button>
+      <hr className="mt-1 mb-3" />
       <p>
         As you are not WebStudio Trained, you will be able to access all
         WebStudio features except going live. If you want to go live, ask in
@@ -20,11 +30,6 @@ export function WelcomeModal(props: WelcomeModalProps) {
         Computing in #remote-broadcasting.
       </p>
       <p>Thank you, and have fun!</p>
-      <div>
-        <button className="btn btn-primary" onClick={props.close}>
-          Close
-        </button>
-      </div>
     </Modal>
   );
 }