buon natale

src/App.js

@@ -27,10 +27,10 @@ render() {
 				<ReactHeight className="row" onHeightReady={height => { this.setState({ navHeight: height }); console.log('l', height) }}>
 					<TopBar />
 				</ReactHeight>
-				<ReactHeight onHeightReady={height => this.setState({ blackbgHeight: height })} className="row upperSection p-2" >
+				<ReactHeight onHeightReady={height => this.setState({ blackbgHeight: height })} className="row upperSection p-2 px-5" >
 					<Col
 						xs="12"
-						lg={this.state.isInfoToggled ? { span: 6, offset: 1, order: 2 } : { span: 7, offset: 1, order: 2 }}
+						lg={this.state.isInfoToggled ? { span: 6, offset: 0, order: 2 } : { span: 7, offset: 1, order: 2 }}
 						className="align-content-center pt-2 p-1 pr-2">
 						<ReactHeight onHeightReady={height => this.setState({ playerHeight: height })}>
 							<Route path={["/video/:id", "/*"]} component={VideoPlayer} /> {/* change component to children */}
@@ -45,19 +45,17 @@ render() {
 						<Button
 							variant="outline-light"
 							onClick={() => this.setState({ isInfoToggled: !this.state.isInfoToggled })}
-							className="w-50 pt-1 "
+							className="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">
+						</div>	
 						<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'>