From 8ad4a14fdef9dae19f37d9a8cd6c89276d8b202b Mon Sep 17 00:00:00 2001
From: Tommi Penttinen <tmpent@utu.fi>
Date: Tue, 22 Jun 2021 18:23:08 +0300
Subject: [PATCH] Minor appearance tweaks

---
 paavo.html | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/paavo.html b/paavo.html
index 1ae502c..ac9c428 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ö&shy;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ö&shy;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>
-- 
GitLab