From c8397308a37909766e8abc28be0495d8dd1fa7f7 Mon Sep 17 00:00:00 2001
From: Lino Schmidt <linoschmidt@lino3d.de>
Date: Thu, 24 Nov 2022 09:04:06 +0100
Subject: [PATCH] Added style to selection

---
 src/components/ui/renderFinishPage.tsx | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/renderFinishPage.tsx b/src/components/ui/renderFinishPage.tsx
index 5b40829..27824bc 100644
--- a/src/components/ui/renderFinishPage.tsx
+++ b/src/components/ui/renderFinishPage.tsx
@@ -17,6 +17,19 @@ const detailsInnerStyle:CSSProperties = {
     marginRight: "5px",
 }
 
+const VideoSpanStyle:CSSProperties = {
+    display: "flex",
+    alignItems: "center"
+}
+const videoSelectStyle:CSSProperties = {
+    padding: "4px 0",
+    border: "0",
+    borderRadius: "14px",
+    cursor: "pointer",
+    textAlign: "center",
+    fontSize: "large"
+}
+
 function RenderFinishPage() {
     const [logPlaying, setLogPlaying] = React.useState(logList[0].name);
     
@@ -71,9 +84,9 @@ function RenderFinishPage() {
             <div style={{
                 marginTop: "10px"
             }}>
-                <span className="selectSpan">
-                    <label className="videoSelect" htmlFor="vslct">
-                        <select id="vslct" required={true} value={logPlaying} onChange={e => {
+                <span style={VideoSpanStyle}>
+                    <label htmlFor="vslct">
+                        <select style={videoSelectStyle} id="vslct" required={true} value={logPlaying} onChange={e => {
                             setLogPlaying(e.target.value);
                         }}>
                             {OutputList}