sadly I have to inform you that I included jQuery to lessen my burden...

Author: fox918

comparator-control.js

@@ -3,14 +3,48 @@ L.Control.ComparatorControl = L.Control.extend({
         //L.DomEvent.on();
 
         var parent = L.DomUtil.create('div');
-        parent.setAttribute("class","comp-control-parent");
+        parent.setAttribute("class","comp-control-parent MenuContainer");
+
+
+        var upContainer = L.DomUtil.create("div");
+        upContainer.setAttribute("class","MenuRow");
 
         this._root = L.DomUtil.create('div');
         this._root.setAttribute("class","btn-group-vertical");
 
-        parent.appendChild(this._root);
+        upContainer.appendChild(this._root);
+
+        var dwnContainer = L.DomUtil.create("div");
+        dwnContainer.setAttribute("class","MenuRow");
+        var loglinToggle = L.DomUtil.create("div");
+        loglinToggle.setAttribute("class", "btn-group btn-group-toggle loglinToggle");
+
+        var logButton = L.DomUtil.create("label");
+        logButton.setAttribute("class","btn btn-sm btn-secondary active toggleBtn");
+        var logInput = L.DomUtil.create("input");
+        logInput.setAttribute("type","checkbox");
+
+        logButton.innerHTML = "dB";
+
+        logButton.appendChild(logInput);
+
+        var linButton = L.DomUtil.create("label");
+        linButton.setAttribute("class","btn btn-sm btn-secondary toggleBtn");
+        var linInput =  L.DomUtil.create("input");
+        linInput.setAttribute("type","checkbox");
+        linButton.innerHTML = "linear";
+
+        linButton.appendChild(linInput);
+
+
+        loglinToggle.appendChild(logButton);
+        loglinToggle.appendChild(linButton);
+        dwnContainer.appendChild(loglinToggle);
 
 
+        parent.appendChild(upContainer);
+        parent.appendChild(dwnContainer);
+        parent.appendChild(dwnContainer);
 
         return parent;
     },

index.html

@@ -50,6 +50,13 @@
         .comp-control-parent>.btn{
             opacity: 1;
         }
+        .loglinToggle{
+            border-top: 10px solid rgba(255, 255, 255, .8);
+            width: 100%;
+        }
+        .toggleBtn{
+            width: 50%;
+        }
     </style>
 
 </head>
@@ -84,6 +91,7 @@ <h6 class="card-subtitle mb-2 text-muted">Geographical Diff of WSJT Logfiles</h6
 </div>
 
     <!-- debug -->
+<script src="jquery.js"></script>
 <script src="leaflet.js"></script>
 <script src="comparator-control.js"></script>
 <script src="cake-marker.js"></script>