Some more fixes

deno.jsonc

@@ -1,6 +1,6 @@
 {
     "imports": {
-        "webgen/": "https://raw.githubusercontent.com/lucsoft/WebGen/ddee494/",
+        "webgen/": "https://raw.githubusercontent.com/lucsoft/WebGen/30c3fc8/",
         // "webgen/": "../WebGen/",
         "std/": "https://deno.land/std@0.212.0/",
         "shared/": "./pages/shared/"

pages/holding/landing.css

@@ -170,13 +170,13 @@ h3 {
     margin: 50px 0;
 }
 
-.live-stats .title {
+.live-stats .title * {
     font-size: 4rem;
     font-weight: 900;
 }
 
 @media (max-width: 900px) {
-    .live-stats .title {
+    .live-stats .title * {
         font-size: 36.6px;
     }
 }

pages/hosting/main.ts

@@ -1,14 +1,15 @@
 import { LoadingSpinner } from "shared/components.ts";
 import { API, stupidErrorAlert } from "shared/restSpec.ts";
 import { Body, Vertical, WebGen, asState } from "webgen/mod.ts";
-import '../../assets/css/hosting.css';
 import '../../assets/css/main.css';
 import { DynaNavigation } from "../../components/nav.ts";
 import { RegisterAuthRefresh, changeThemeColor, renewAccessTokenIfNeeded, sheetStack } from "../_legacy/helper.ts";
 import { state } from "./data.ts";
 import { listFiles, liveUpdates, refreshState, startSidecarConnection } from "./loading.ts";
 import { hostingMenu } from "./views/menu.ts";
 import { path } from "./views/state.ts";
+
+import '../../assets/css/hosting.css';
 await RegisterAuthRefresh();
 
 const url = new URLSearchParams(location.search);

pages/shared/navigation.css

@@ -27,7 +27,6 @@
 
 .history-list {
     font-size: 2.26063rem;
-    font-weight: 700;
 }
 
 .history-entry.mobile {

pages/shared/navigation.ts

@@ -248,14 +248,17 @@ export function createBreadcrumb(menu: MenuImpl) {
         return history.map(it => Grid(
             ...it.map((entry, index) =>
                 Box(
-                    Label(entry.title).addClass("label"),
+                    Label(entry.title)
+                        .setFontWeight("bold")
+                        .addClass("label"),
                     MIcon("arrow_forward_ios")
                 )
                     .addClass("history-entry")
                     .onClick(() => moveToPath(index))
             ).filter((_, i) => i != it.length - 1),
             Label(parseTitle(menu.rootNode, it.at(-1)!, it.length - 1))
-                .addClass("label"),
+                .addClass("label")
+                .setFontWeight("bold"),
         ).addClass("history-list")).asRefComponent().removeFromLayout();
     }
     ).asRefComponent().removeFromLayout();

pages/shared/slider.ts

@@ -1,4 +1,4 @@
-import { ButtonStyle, Color, Custom, Horizontal, InputForm, Label, Spacer, Vertical, asState, createElement } from "webgen/mod.ts";
+import { ButtonStyle, Color, Custom, Grid, InputForm, Label, Spacer, Vertical, asState, createElement } from "webgen/mod.ts";
 import '../../assets/css/main.css';
 
 export const SliderInput = (label: string) => new class extends InputForm<number> {
@@ -11,11 +11,13 @@ export const SliderInput = (label: string) => new class extends InputForm<number
         this.input.type = "range";
         this.input.classList.add("wslider");
         this.wrapper.append(Vertical(
-            Horizontal(
-                Label(label).setTextSize("sm").setFontWeight("bold"),
+            Grid(
+                Label(label).setTextSize("sm").setFontWeight("bold").removeWrap(),
                 Spacer(),
                 val.$value.map((val) => Label(val).setTextSize("sm").setFontWeight("bold")).asRefComponent().addClass("same-height")
-            ).setPadding("0 0.2rem"),
+            )
+                .setRawColumns("max-content auto max-content")
+                .setPadding("0 0.2rem"),
             Custom(this.input)
         ).setMargin("0 -0.1rem").draw());