saturday work

src/App.js

@@ -38,24 +38,26 @@ render() {
 					</Col>
 					<Col
 						xs="12"
-						lg={this.state.isInfoToggled ? { span: 4, order: 1 } : { span: 3, order: 1 }}
-						className="ml-lg-5 p-0 p-sm-0"
+						lg={this.state.isInfoToggled ? { span: 5, order: 1 } : { span: 3, order: 1 }}
+						className="p-0 p-sm-0"
 						style={{ 'overflow': "auto", 'max-height': this.state.playerHeight }} >
 						<div class="d-flex justify-content-center">
 						<Button
 							variant="outline-light"
 							onClick={() => this.setState({ isInfoToggled: !this.state.isInfoToggled })}
-							className="w-50 pt-1 align-content-center"
+							className="w-50 pt-1 "
 							aria-controls="infovideo-collapse"
 							aria-expanded={this.state.isInfoToggled}>
 							{this.state.isInfoToggled ? "Nascondi informazioni" : "Mostra informazioni"}
 						</Button>
 						</div>
+													<div class="d-flex justify-content-center">
 						<Collapse in={this.state.isInfoToggled}>
 							<div className="pt-1" id="infovideo-collapse">
 								<Route path={["/video/:id", "/search/:query", "/"]} component={VideoInfo} />
 							</div>
 						</Collapse>
+						</div>
 					</Col>
 				</ReactHeight>
 				<Row style={{ "max-height": `calc(99vh - ${this.state.blackbgHeight}px - ${this.state.navHeight}px)` }} className='mt-1 downSection'>