diff --git a/paavo.html b/paavo.html index 1ae502c0956b912d19dc548a983165ebf21f8709..ac9c428c7791329656969ad452eabb1a70da3c8c 100644 --- a/paavo.html +++ b/paavo.html @@ -24,6 +24,9 @@ .row + .row { margin-top: 5em; } + .direction { + width: 120px; + } </style> </head> @@ -47,37 +50,36 @@ </script> <!-- Add your site or application content here --> - <p>Hello world! This is HTML5 Boilerplate.</p> <script src="js/vendor/modernizr-3.11.2.min.js"></script> <script src="js/plugins.js"></script> <script src="js/main.js"></script> <script src="js/bootstrap.bundle.min.js"></script> <div class="container"> <div class="row"> - <div class="col-sm"> - <button id="direction1" type="button" class="btn btn-lg btn-light" disabled>Suunta 1</button> + <div class="col"> + <button id="direction1" type="button" class="direction btn btn-lg btn-light" disabled>Suunta 1</button> </div> - <div class="col-sm"> - <button type="button" class="btn btn-lg btn-primary" onclick="send_data(ws, 1, VEHICLE_CAR)">Henkilöauto</button> + <div class="col"> + <button type="button" class="btn btn-lg btn-primary" onclick="send_data(ws, 1, VEHICLE_CAR)">Henkilö­auto</button> </div> - <div class="col-sm"> + <div class="col"> <button type="button" class="btn btn-lg btn-dark" onclick="send_data(ws, 1, VEHICLE_TRUCK)">Kuorma-auto</button> </div> - <div class="col-sm"> + <div class="col"> <button type="button" class="btn btn-lg btn-warning" onclick="send_data(ws, 1, VEHICLE_BUS)">Bussi</button> </div> </div> <div class="row"> - <div class="col-sm"> - <button id="direction2" type="button" class="btn btn-lg btn-light" disabled>Suunta 2</button> + <div class="col"> + <button id="direction2" type="button" class="direction btn btn-lg btn-light" disabled>Suunta 2</button> </div> - <div class="col-sm"> - <button type="button" class="btn btn-lg btn-primary" onclick="send_data(ws, 2, VEHICLE_CAR)">Henkilöauto</button> + <div class="col"> + <button type="button" class="btn btn-lg btn-primary" onclick="send_data(ws, 2, VEHICLE_CAR)">Henkilö­auto</button> </div> - <div class="col-sm"> + <div class="col"> <button type="button" class="btn btn-lg btn-dark" onclick="send_data(ws, 2, VEHICLE_TRUCK)">Kuorma-auto</button> </div> - <div class="col-sm"> + <div class="col"> <button type="button" class="btn btn-lg btn-warning" onclick="send_data(ws, 2, VEHICLE_BUS)">Bussi</button> </div> </div>