Sistemato spaziatura bottoni in mobile

This commit is contained in:
Claudio Maggioni 2016-05-19 12:46:27 +02:00
parent 90db3cb46c
commit ea24d8e863

View file

@ -20,7 +20,6 @@
this.istanteAllocazione = 0; this.istanteAllocazione = 0;
this.numeroPagina = -1; this.numeroPagina = -1;
} }
var pidNuovo = 1; var pidNuovo = 1;
function Processo(){ function Processo(){
processiPronti.push(this); processiPronti.push(this);
@ -398,7 +397,7 @@
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
display: block; display: inline-block;
width: 0; width: 0;
padding-top: 0; padding-top: 0;
border-radius: 100%; border-radius: 100%;
@ -414,16 +413,14 @@
padding-top: 120%; padding-top: 120%;
transition: width .2s ease-out, padding-top .2s ease-out; transition: width .2s ease-out, padding-top .2s ease-out;
} }
.btn{
margin-top: .25rem;
}
.buttons{ .buttons{
display: inline-block; display: inline-block;
margin-bottom: .5rem;
width: 100%; width: 100%;
} margin: -0.25rem;
div.buttons button:first-child{ margin-bottom: .25rem;
margin-left: 0px;
}
div.buttons button:last-child{
margin-right: 0px;
} }
.section.teoria{ .section.teoria{
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
@ -504,7 +501,7 @@
</div> </div>
<div class="controls"> <div class="controls">
<div class="buttons"> <div class="buttons">
<button type="button" class="btn" name="aggiungiProcesso" onclick="new Processo()">Aggiungi processo</button> <button type="button" class="btn" name="aggiungiProcesso" onclick="new Processo()">Aggiungi processo</button>
<button type="button" class="btn" name="toggleProcessi" onclick="toggleProcessiPronti()">Ferma o riprendi</button> <button type="button" class="btn" name="toggleProcessi" onclick="toggleProcessiPronti()">Ferma o riprendi</button>
<button type="button" class="btn" name="vaiAvanti" onclick="if(interrompi) loopProcessiPronti()">Procedi di un ciclo</button> <button type="button" class="btn" name="vaiAvanti" onclick="if(interrompi) loopProcessiPronti()">Procedi di un ciclo</button>
</div> </div>