webthrottle: styled function button groups

see #178

server/www/css/throttle.css

@@ -185,6 +185,21 @@ button.square
   width: 5rem;
 }
 
+fieldset
+{
+  border: none;
+  margin: 0.25rem 0;
+  padding: 0;
+}
+
+fieldset legend
+{
+  background-color: #444;
+  width: 100%;
+  border-radius: 0.5rem;
+  padding: 0.25rem 0.5rem;
+}
+
 label
 {
   font-weight: bold;

server/www/js/throttle.js

@@ -121,7 +121,7 @@ function Throttle(parent, id)
     return value + ' ' + unit;
   }
 
-  var functions = createDiv('flex-column', []);
+  var functions = createDiv('flex-column flex-resize', []);
 
   var throttle = createDiv('p1 stretch', [
     createTrainSelect('control stretch'),
@@ -230,6 +230,7 @@ function Throttle(parent, id)
       train.functions.forEach(function (group)
       {
         var groupbox = document.createElement('fieldset');
+        groupbox.className = 'flex-resize';
         var legend = document.createElement('legend');
         legend.innerText = group.name;
         groupbox.appendChild(legend);