feat: added beacon operation config editor

sparse-server/style/beacons/_categories.scss

@@ -0,0 +1,12 @@
+main.beacons div.categories {
+    padding: 10px;
+
+    fieldset {
+        display: grid;
+        grid-template-columns: 150px 200px;
+
+        input, label {
+            margin: 10px;
+        }
+    }
+}

sparse-server/style/beacons/_configs.scss

@@ -0,0 +1,28 @@
+main.beacons div.config {
+    padding: 10px;
+
+    fieldset {
+        display: grid;
+        grid-template-columns: 300px 200px;
+
+        input, label {
+            margin: 10px;
+        }
+    }
+
+    .mode-regular, .mode-random, .mode-cron {
+        display: none;
+    }
+
+    select:has(> option[value="regular"]:checked) ~ .mode-regular {
+        display: block;
+    }
+
+    select:has(> option[value="random"]:checked) ~ .mode-random {
+        display: block;
+    }
+
+    select:has(> option[value="cron"]:checked) ~ .mode-cron {
+        display: block;
+    }
+}

sparse-server/style/beacons/_listeners.scss

@@ -1,5 +1,5 @@
 main.beacons div.listeners {
-    form {
+    form, p, h2 {
         margin: 10px;
     }
 

sparse-server/style/main.scss

@@ -72,11 +72,11 @@ input[type="submit"],
 input[type="button"],
 button {
 	background-color: #fff;
-	border: 1px solid transparent;
+	border: 1px solid black;
 	cursor: pointer;
 	margin: 5px;
-	padding: 2px 4px;
-	border-radius: 2px;
+	padding: 5px 7px;
+	border-radius: 4px;
 	box-shadow: #fff7 0 1px 0 inset;
 
 	&:hover {