Added style to selection

This commit is contained in:
2022-11-24 09:04:06 +01:00
parent ce0f03cff7
commit c8397308a3

View File

@@ -17,6 +17,19 @@ const detailsInnerStyle:CSSProperties = {
marginRight: "5px", 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() { function RenderFinishPage() {
const [logPlaying, setLogPlaying] = React.useState(logList[0].name); const [logPlaying, setLogPlaying] = React.useState(logList[0].name);
@@ -71,9 +84,9 @@ function RenderFinishPage() {
<div style={{ <div style={{
marginTop: "10px" marginTop: "10px"
}}> }}>
<span className="selectSpan"> <span style={VideoSpanStyle}>
<label className="videoSelect" htmlFor="vslct"> <label htmlFor="vslct">
<select id="vslct" required={true} value={logPlaying} onChange={e => { <select style={videoSelectStyle} id="vslct" required={true} value={logPlaying} onChange={e => {
setLogPlaying(e.target.value); setLogPlaying(e.target.value);
}}> }}>
{OutputList} {OutputList}