From 434d506271294c78a402f2036244edad3d727ddc Mon Sep 17 00:00:00 2001
From: matteo <matteoscorzafava@gmail.com>
Date: Wed, 12 Dec 2018 20:14:39 +0100
Subject: [PATCH] player sulla destra e idea per dati video

---
 src/App.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/App.js b/src/App.js
index c6bb2af..d3af10d 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Route, Switch, Link } from 'react-router-dom'; // eslint-disable-line no-unused-vars
 import 'bootstrap/dist/css/bootstrap.css'; // eslint-disable-line no-unused-vars
-import { Row, Col } from 'react-bootstrap'; // eslint-disable-line no-unused-vars
+import { Row, Col, Button } from 'react-bootstrap'; // eslint-disable-line no-unused-vars
 import VideoList from './VideoList'; // eslint-disable-line no-unused-vars
 import TopBar from './TopBar'; // eslint-disable-line no-unused-vars
 import VideoPlayer from './VideoPlayer'; // eslint-disable-line no-unused-vars
@@ -15,10 +15,17 @@ class App extends React.Component {
 				<Row>
 				<TopBar />
 				</Row>
-				<Row className="justify-content-center bg-black">
-					<Col xs="12" sm="6">
+				<Row className="bg-black px-2">
+					<Col xs="12" sm={{ span: 6, order: 6}} className="pt-2 p-0 p-sm-0">
 							<Route path={["/video/:id", "/*"]} component={VideoPlayer} />
 					</Col>
+					<Col xs="12" sm="6" className="w-75 pt-2 p-0 p-sm-0">
+					<Button variant="outline-light" className="w-100 align-content-center d-sm-none">Info</Button>
+					<p className="text-white">Qui andrebbero le informazioni video, 
+					in modalità telefono questo spazio è sotto il video e si potrebbe
+					fare a scomparsa con un pulsante, lasciando un label cliccabile per aprire e chiudere
+					la scheda</p>
+					</Col>
 				</Row>
 				<Row className='scrollable'>
 					<Switch>