From 24868f6801e108cd80a17e9ab140e2db5587afbd Mon Sep 17 00:00:00 2001
From: Claudio Maggioni <maggioniclaudio1999@gmail.com>
Date: Thu, 12 May 2016 12:51:02 +0200
Subject: [PATCH] Responsive per mobile

---
 index.html | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index 99db405..735aaf9 100644
--- a/index.html
+++ b/index.html
@@ -278,6 +278,23 @@
                 background: black;
                 color: white;
             }
+			@media screen and (max-width: 600px) {
+				.nav{
+					width: calc(100vw - 3rem);
+					margin-bottom: .5rem;
+					float: none;
+				}
+				.sections{
+					float: none;
+					width: calc(100vw - 1rem);
+				}
+				.section{
+					width: calc(100vw - 3rem);
+				}
+				.footer{
+					display: none;
+				}
+			}
     	</style>
     </head>
     <body>
@@ -300,10 +317,12 @@
             <div class="section card">
                 <div class="logger">
                 </div>
-                <button type="button" name="aggiungiProcesso" onclick="new Processo()">Aggiungi processo</button>
-                <button type="button" name="toggleProcessi" onclick="toggleProcessiPronti()">Ferma/riprendi</button>
-                <label>Velocità (in millisecondi):<input class="inputVel" type="number" onkeypress="cambiaVel(event,this)" value="500"/></label>
-            </div>
+				<div class="controls">
+					<button type="button" name="aggiungiProcesso" onclick="new Processo()">Aggiungi processo</button>
+					<button type="button" name="toggleProcessi" onclick="toggleProcessiPronti()">Ferma/riprendi</button>
+					<label>Velocità (in millisecondi):<input class="inputVel" type="number" onkeypress="cambiaVel(event,this)" value="500"/></label>
+				</div>
+			</div>
         </div>
         <div class="footer">
             Creato da Claudio Maggioni, Federico Mainetti, Pamela Dardano, Fabio Brambilla
