@yuneta/gobj-ui 7.13.3 → 7.13.5

package/dist/gobj-ui.cjs.js

@@ -23868,7 +23868,7 @@ function toolbar_button(logical, icon, key, event, disabled) {
 	return [
 		"button",
 		el_attrs({
-			class: `${logical} button is-small`,
+			class: `${logical} button`,
 			type: "button",
 			disabled: disabled ? "disabled" : void 0,
 			title: (0, i18next.t)(key),
@@ -23911,7 +23911,7 @@ function render_toolbar(gobj) {
 	if (priv.treedb_id) $left.push([
 		"button",
 		{
-			class: "SCHEMA_BACK button is-small",
+			class: "SCHEMA_BACK button",
 			type: "button",
 			title: (0, i18next.t)("back"),
 			"aria-label": (0, i18next.t)("back"),
@@ -24350,7 +24350,7 @@ function row_icon(gobj, logical, icon, key, event, kw) {
 	return [
 		"button",
 		{
-			class: `${logical} button is-small is-ghost`,
+			class: `${logical} button is-ghost`,
 			type: "button",
 			title: (0, i18next.t)(key),
 			"aria-label": (0, i18next.t)(key),
@@ -24359,7 +24359,7 @@ function row_icon(gobj, logical, icon, key, event, kw) {
 		},
 		[[
 			"span",
-			{ class: "icon is-small" },
+			{ class: "icon" },
 			[["i", { class: icon }]]
 		]],
 		{ click: (evt) => {
@@ -24526,7 +24526,7 @@ function version_banner(gobj, topic) {
 			[
 				"button",
 				{
-					class: "SCHEMA_VERSION_BUMP button is-small is-warning",
+					class: "SCHEMA_VERSION_BUMP button is-warning",
 					type: "button",
 					style: "margin-left:auto;",
 					title: (0, i18next.t)("raise the version"),
@@ -24594,7 +24594,7 @@ function column_row(gobj, topic, col, index, readonly, twice) {
 				{ class: "SCHEMA_COL_HANDLE" },
 				readonly ? [] : [[
 					"span",
-					{ class: "icon is-small has-text-grey" },
+					{ class: "icon has-text-grey" },
 					[["i", { class: "yi-grip-vertical" }]]
 				]]
 			],
@@ -24842,7 +24842,7 @@ function field(logical, name, label, $control, help) {
 			[
 				"label",
 				{
-					class: "label is-small",
+					class: "label",
 					i18n: label
 				},
 				(0, i18next.t)(label)
@@ -24869,7 +24869,7 @@ function field(logical, name, label, $control, help) {
 }
 function text_input(name, value, placeholder, disabled) {
 	return ["input", el_attrs({
-		class: "input is-small",
+		class: "input",
 		type: "text",
 		"data-name": name,
 		value: value === void 0 || value === null ? "" : `${value}`,
@@ -24879,7 +24879,7 @@ function text_input(name, value, placeholder, disabled) {
 }
 function number_input(name, value) {
 	return ["input", {
-		class: "input is-small",
+		class: "input",
 		type: "number",
 		"data-name": name,
 		value: value === void 0 || value === null || value === "" ? "" : `${value}`
@@ -24898,7 +24898,7 @@ function select_input(name, value, options) {
 	});
 	return [
 		"div",
-		{ class: "select is-small is-fullwidth" },
+		{ class: "select is-fullwidth" },
 		[[
 			"select",
 			{ "data-name": name },
@@ -24910,7 +24910,7 @@ function textarea_input(name, value, rows, placeholder) {
 	return [
 		"textarea",
 		{
-			class: "textarea is-small",
+			class: "textarea",
 			"data-name": name,
 			rows: `${rows || 3}`,
 			placeholder: placeholder || ""
@@ -24951,7 +24951,7 @@ function flags_field(gobj, type, current) {
 			return [
 				"label",
 				el_attrs({
-					class: "SCHEMA_FLAG checkbox is-size-7 " + (flag.meaningful ? "" : "SCHEMA_FLAG_DIM has-text-grey-light"),
+					class: "SCHEMA_FLAG checkbox " + (flag.meaningful ? "" : "SCHEMA_FLAG_DIM has-text-grey-light"),
 					title: flag.desc ? (0, i18next.t)(flag.desc) : "",
 					"data-i18n-title": flag.desc || void 0
 				}),
@@ -24973,7 +24973,7 @@ function flags_field(gobj, type, current) {
 			[[
 				"p",
 				{
-					class: "SCHEMA_FLAG_GROUP_NAME is-size-7 has-text-weight-semibold has-text-grey",
+					class: "SCHEMA_FLAG_GROUP_NAME has-text-weight-semibold has-text-grey",
 					i18n: group.group
 				},
 				(0, i18next.t)(group.group)
@@ -25033,7 +25033,7 @@ function open_column_form(gobj, topic, col, prefill) {
 				[[
 					"label",
 					{
-						class: "label is-small",
+						class: "label",
 						i18n: "flags"
 					},
 					(0, i18next.t)("flags")
@@ -25046,7 +25046,7 @@ function open_column_form(gobj, topic, col, prefill) {
 					[
 						"label",
 						{
-							class: "label is-small",
+							class: "label",
 							i18n: "hook"
 						},
 						(0, i18next.t)("hook")
@@ -25082,7 +25082,7 @@ function open_column_form(gobj, topic, col, prefill) {
 				[[
 					"button",
 					{
-						class: "SCHEMA_COL_FORM_CANCEL button is-small",
+						class: "SCHEMA_COL_FORM_CANCEL button",
 						type: "button"
 					},
 					[[
@@ -25093,7 +25093,7 @@ function open_column_form(gobj, topic, col, prefill) {
 				], [
 					"button",
 					{
-						class: "SCHEMA_COL_FORM_SAVE button is-small is-primary",
+						class: "SCHEMA_COL_FORM_SAVE button is-primary",
 						type: "button"
 					},
 					[[
@@ -25173,7 +25173,7 @@ function open_topic_form(gobj, treedb, topic) {
 				{ class: "SCHEMA_TOPIC_FORM_SYSTEM field mb-3" },
 				[[
 					"label",
-					{ class: "checkbox is-size-7" },
+					{ class: "checkbox" },
 					[["input", el_attrs({
 						type: "checkbox",
 						"data-name": "system_topic",
@@ -25197,7 +25197,7 @@ function open_topic_form(gobj, treedb, topic) {
 				[[
 					"button",
 					{
-						class: "SCHEMA_TOPIC_FORM_CANCEL button is-small",
+						class: "SCHEMA_TOPIC_FORM_CANCEL button",
 						type: "button"
 					},
 					[[
@@ -25208,7 +25208,7 @@ function open_topic_form(gobj, treedb, topic) {
 				], [
 					"button",
 					{
-						class: "SCHEMA_TOPIC_FORM_SAVE button is-small is-primary",
+						class: "SCHEMA_TOPIC_FORM_SAVE button is-primary",
 						type: "button"
 					},
 					[[
@@ -25372,7 +25372,7 @@ function open_export(gobj, treedb) {
 		[
 			[
 				"div",
-				{ class: "SCHEMA_EXPORT_TABS tabs is-small is-toggle mb-2" },
+				{ class: "SCHEMA_EXPORT_TABS tabs is-toggle mb-2" },
 				[[
 					"ul",
 					{},
@@ -25436,7 +25436,7 @@ function open_export(gobj, treedb) {
 				[[
 					"button",
 					{
-						class: "SCHEMA_EXPORT_COPY button is-small",
+						class: "SCHEMA_EXPORT_COPY button",
 						type: "button"
 					},
 					[[
@@ -25515,7 +25515,7 @@ function open_import(gobj, treedb) {
 			],
 			[
 				"label",
-				{ class: "SCHEMA_IMPORT_PRUNE checkbox is-size-7 mt-2" },
+				{ class: "SCHEMA_IMPORT_PRUNE checkbox mt-2" },
 				[["input", {
 					type: "checkbox",
 					class: "SCHEMA_IMPORT_PRUNE_BOX",
@@ -25544,7 +25544,7 @@ function open_import(gobj, treedb) {
 					[
 						"button",
 						{
-							class: "SCHEMA_IMPORT_CANCEL button is-small",
+							class: "SCHEMA_IMPORT_CANCEL button",
 							type: "button"
 						},
 						[[
@@ -25556,7 +25556,7 @@ function open_import(gobj, treedb) {
 					[
 						"button",
 						{
-							class: "SCHEMA_IMPORT_PREVIEW button is-small",
+							class: "SCHEMA_IMPORT_PREVIEW button",
 							type: "button"
 						},
 						[[
@@ -25572,7 +25572,7 @@ function open_import(gobj, treedb) {
 					[
 						"button",
 						{
-							class: "SCHEMA_IMPORT_RUN button is-small is-warning",
+							class: "SCHEMA_IMPORT_RUN button is-warning",
 							type: "button",
 							disabled: "disabled"
 						},

package/dist/gobj-ui.es.js

@@ -23855,7 +23855,7 @@ function toolbar_button(logical, icon, key, event, disabled) {
 	return [
 		"button",
 		el_attrs({
-			class: `${logical} button is-small`,
+			class: `${logical} button`,
 			type: "button",
 			disabled: disabled ? "disabled" : void 0,
 			title: t(key),
@@ -23898,7 +23898,7 @@ function render_toolbar(gobj) {
 	if (priv.treedb_id) $left.push([
 		"button",
 		{
-			class: "SCHEMA_BACK button is-small",
+			class: "SCHEMA_BACK button",
 			type: "button",
 			title: t("back"),
 			"aria-label": t("back"),
@@ -24337,7 +24337,7 @@ function row_icon(gobj, logical, icon, key, event, kw) {
 	return [
 		"button",
 		{
-			class: `${logical} button is-small is-ghost`,
+			class: `${logical} button is-ghost`,
 			type: "button",
 			title: t(key),
 			"aria-label": t(key),
@@ -24346,7 +24346,7 @@ function row_icon(gobj, logical, icon, key, event, kw) {
 		},
 		[[
 			"span",
-			{ class: "icon is-small" },
+			{ class: "icon" },
 			[["i", { class: icon }]]
 		]],
 		{ click: (evt) => {
@@ -24513,7 +24513,7 @@ function version_banner(gobj, topic) {
 			[
 				"button",
 				{
-					class: "SCHEMA_VERSION_BUMP button is-small is-warning",
+					class: "SCHEMA_VERSION_BUMP button is-warning",
 					type: "button",
 					style: "margin-left:auto;",
 					title: t("raise the version"),
@@ -24581,7 +24581,7 @@ function column_row(gobj, topic, col, index, readonly, twice) {
 				{ class: "SCHEMA_COL_HANDLE" },
 				readonly ? [] : [[
 					"span",
-					{ class: "icon is-small has-text-grey" },
+					{ class: "icon has-text-grey" },
 					[["i", { class: "yi-grip-vertical" }]]
 				]]
 			],
@@ -24829,7 +24829,7 @@ function field(logical, name, label, $control, help) {
 			[
 				"label",
 				{
-					class: "label is-small",
+					class: "label",
 					i18n: label
 				},
 				t(label)
@@ -24856,7 +24856,7 @@ function field(logical, name, label, $control, help) {
 }
 function text_input(name, value, placeholder, disabled) {
 	return ["input", el_attrs({
-		class: "input is-small",
+		class: "input",
 		type: "text",
 		"data-name": name,
 		value: value === void 0 || value === null ? "" : `${value}`,
@@ -24866,7 +24866,7 @@ function text_input(name, value, placeholder, disabled) {
 }
 function number_input(name, value) {
 	return ["input", {
-		class: "input is-small",
+		class: "input",
 		type: "number",
 		"data-name": name,
 		value: value === void 0 || value === null || value === "" ? "" : `${value}`
@@ -24885,7 +24885,7 @@ function select_input(name, value, options) {
 	});
 	return [
 		"div",
-		{ class: "select is-small is-fullwidth" },
+		{ class: "select is-fullwidth" },
 		[[
 			"select",
 			{ "data-name": name },
@@ -24897,7 +24897,7 @@ function textarea_input(name, value, rows, placeholder) {
 	return [
 		"textarea",
 		{
-			class: "textarea is-small",
+			class: "textarea",
 			"data-name": name,
 			rows: `${rows || 3}`,
 			placeholder: placeholder || ""
@@ -24938,7 +24938,7 @@ function flags_field(gobj, type, current) {
 			return [
 				"label",
 				el_attrs({
-					class: "SCHEMA_FLAG checkbox is-size-7 " + (flag.meaningful ? "" : "SCHEMA_FLAG_DIM has-text-grey-light"),
+					class: "SCHEMA_FLAG checkbox " + (flag.meaningful ? "" : "SCHEMA_FLAG_DIM has-text-grey-light"),
 					title: flag.desc ? t(flag.desc) : "",
 					"data-i18n-title": flag.desc || void 0
 				}),
@@ -24960,7 +24960,7 @@ function flags_field(gobj, type, current) {
 			[[
 				"p",
 				{
-					class: "SCHEMA_FLAG_GROUP_NAME is-size-7 has-text-weight-semibold has-text-grey",
+					class: "SCHEMA_FLAG_GROUP_NAME has-text-weight-semibold has-text-grey",
 					i18n: group.group
 				},
 				t(group.group)
@@ -25020,7 +25020,7 @@ function open_column_form(gobj, topic, col, prefill) {
 				[[
 					"label",
 					{
-						class: "label is-small",
+						class: "label",
 						i18n: "flags"
 					},
 					t("flags")
@@ -25033,7 +25033,7 @@ function open_column_form(gobj, topic, col, prefill) {
 					[
 						"label",
 						{
-							class: "label is-small",
+							class: "label",
 							i18n: "hook"
 						},
 						t("hook")
@@ -25069,7 +25069,7 @@ function open_column_form(gobj, topic, col, prefill) {
 				[[
 					"button",
 					{
-						class: "SCHEMA_COL_FORM_CANCEL button is-small",
+						class: "SCHEMA_COL_FORM_CANCEL button",
 						type: "button"
 					},
 					[[
@@ -25080,7 +25080,7 @@ function open_column_form(gobj, topic, col, prefill) {
 				], [
 					"button",
 					{
-						class: "SCHEMA_COL_FORM_SAVE button is-small is-primary",
+						class: "SCHEMA_COL_FORM_SAVE button is-primary",
 						type: "button"
 					},
 					[[
@@ -25160,7 +25160,7 @@ function open_topic_form(gobj, treedb, topic) {
 				{ class: "SCHEMA_TOPIC_FORM_SYSTEM field mb-3" },
 				[[
 					"label",
-					{ class: "checkbox is-size-7" },
+					{ class: "checkbox" },
 					[["input", el_attrs({
 						type: "checkbox",
 						"data-name": "system_topic",
@@ -25184,7 +25184,7 @@ function open_topic_form(gobj, treedb, topic) {
 				[[
 					"button",
 					{
-						class: "SCHEMA_TOPIC_FORM_CANCEL button is-small",
+						class: "SCHEMA_TOPIC_FORM_CANCEL button",
 						type: "button"
 					},
 					[[
@@ -25195,7 +25195,7 @@ function open_topic_form(gobj, treedb, topic) {
 				], [
 					"button",
 					{
-						class: "SCHEMA_TOPIC_FORM_SAVE button is-small is-primary",
+						class: "SCHEMA_TOPIC_FORM_SAVE button is-primary",
 						type: "button"
 					},
 					[[
@@ -25359,7 +25359,7 @@ function open_export(gobj, treedb) {
 		[
 			[
 				"div",
-				{ class: "SCHEMA_EXPORT_TABS tabs is-small is-toggle mb-2" },
+				{ class: "SCHEMA_EXPORT_TABS tabs is-toggle mb-2" },
 				[[
 					"ul",
 					{},
@@ -25423,7 +25423,7 @@ function open_export(gobj, treedb) {
 				[[
 					"button",
 					{
-						class: "SCHEMA_EXPORT_COPY button is-small",
+						class: "SCHEMA_EXPORT_COPY button",
 						type: "button"
 					},
 					[[
@@ -25502,7 +25502,7 @@ function open_import(gobj, treedb) {
 			],
 			[
 				"label",
-				{ class: "SCHEMA_IMPORT_PRUNE checkbox is-size-7 mt-2" },
+				{ class: "SCHEMA_IMPORT_PRUNE checkbox mt-2" },
 				[["input", {
 					type: "checkbox",
 					class: "SCHEMA_IMPORT_PRUNE_BOX",
@@ -25531,7 +25531,7 @@ function open_import(gobj, treedb) {
 					[
 						"button",
 						{
-							class: "SCHEMA_IMPORT_CANCEL button is-small",
+							class: "SCHEMA_IMPORT_CANCEL button",
 							type: "button"
 						},
 						[[
@@ -25543,7 +25543,7 @@ function open_import(gobj, treedb) {
 					[
 						"button",
 						{
-							class: "SCHEMA_IMPORT_PREVIEW button is-small",
+							class: "SCHEMA_IMPORT_PREVIEW button",
 							type: "button"
 						},
 						[[
@@ -25559,7 +25559,7 @@ function open_import(gobj, treedb) {
 					[
 						"button",
 						{
-							class: "SCHEMA_IMPORT_RUN button is-small is-warning",
+							class: "SCHEMA_IMPORT_RUN button is-warning",
 							type: "button",
 							disabled: "disabled"
 						},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuneta/gobj-ui",
-  "version": "7.13.3",
+  "version": "7.13.5",
   "type": "module",
   "main": "dist/gobj-ui.cjs.js",
   "module": "dist/gobj-ui.es.js",

package/src/c_yui_schema_editor.css

@@ -72,6 +72,14 @@
     cursor: pointer;
 }
 
+/*  ...but they hold NAMES, and a treedb name is long: at the shell's 9rem
+ *  (144px) `treedb_yuneta_agent` breaks into three lines inside its own
+ *  card. Start wider here. The shell default is left alone -- it also
+ *  serves grids of short labels, where 12rem would be a lot of air.  */
+.C_YUI_SCHEMA_EDITOR .yui-nav-cards {
+    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
+}
+
 /*  The flag grid: as many columns as fit, never fewer than one.  */
 .SCHEMA_FLAGS .SCHEMA_FLAG_LIST {
     display: grid;

package/src/c_yui_schema_editor.js

@@ -680,7 +680,7 @@ function show_notice(gobj, key, detail)
  ***************************************************************/
 function toolbar_button(logical, icon, key, event, disabled)
 {
-    return ["button", el_attrs({class: `${logical} button is-small`,
+    return ["button", el_attrs({class: `${logical} button`,
                        type: "button",
                        disabled: disabled ? "disabled" : undefined,
                        title: t(key), "aria-label": t(key),
@@ -719,7 +719,7 @@ function render_toolbar(gobj)
      *----------------------------------------------*/
     let $left = [];
     if(priv.treedb_id) {
-        $left.push(["button", {class: "SCHEMA_BACK button is-small",
+        $left.push(["button", {class: "SCHEMA_BACK button",
                                type: "button",
                                title: t("back"), "aria-label": t("back"),
                                "data-i18n-title": "back", "data-i18n-aria-label": "back"}, [
@@ -1041,11 +1041,11 @@ function render_topics(gobj, $body)
  ***************************************************************/
 function row_icon(gobj, logical, icon, key, event, kw)
 {
-    return ["button", {class: `${logical} button is-small is-ghost`,
+    return ["button", {class: `${logical} button is-ghost`,
                        type: "button",
                        title: t(key), "aria-label": t(key),
                        "data-i18n-title": key, "data-i18n-aria-label": key}, [
-        ["span", {class: "icon is-small"}, [["i", {class: icon}]]]
+        ["span", {class: "icon"}, [["i", {class: icon}]]]
     ], {
         click: (evt) => {
             evt.stopPropagation();
@@ -1178,7 +1178,7 @@ function version_banner(gobj, topic)
             ["span", {class: "icon"}, [["i", {class: "yi-triangle-exclamation"}]]],
             ["span", {class: "SCHEMA_VERSION_TEXT is-size-7", i18n: "version not raised"},
                 t("version not raised")],
-            ["button", {class: "SCHEMA_VERSION_BUMP button is-small is-warning",
+            ["button", {class: "SCHEMA_VERSION_BUMP button is-warning",
                         type: "button",
                         style: "margin-left:auto;",
                         title: t("raise the version"), "aria-label": t("raise the version"),
@@ -1242,7 +1242,7 @@ function column_row(gobj, topic, col, index, readonly, twice)
         ["tr", {class: "SCHEMA_COL_ROW", "data-index": `${index}`,
                 draggable: readonly ? "false" : "true"}, [
             ["td", {class: "SCHEMA_COL_HANDLE"},
-                readonly ? [] : [["span", {class: "icon is-small has-text-grey"},
+                readonly ? [] : [["span", {class: "icon has-text-grey"},
                     [["i", {class: "yi-grip-vertical"}]]]]],
             ["td", {class: "SCHEMA_COL_NAME"}, [
                 ["code", {}, `${col.name}`],
@@ -1480,7 +1480,7 @@ function open_dialog(gobj, $content, title, logical, title_prefix)
 function field(logical, name, label, $control, help)
 {
     return ["div", {class: `${logical} field mb-3`}, [
-        ["label", {class: "label is-small", i18n: label}, t(label)],
+        ["label", {class: "label", i18n: label}, t(label)],
         ["div", {class: "control"}, [$control]],
         help
             ? ["p", {class: "help", i18n: help}, t(help)]
@@ -1490,7 +1490,7 @@ function field(logical, name, label, $control, help)
 
 function text_input(name, value, placeholder, disabled)
 {
-    return ["input", el_attrs({class: "input is-small", type: "text",
+    return ["input", el_attrs({class: "input", type: "text",
                       "data-name": name,
                       value: value === undefined || value === null ? "" : `${value}`,
                       placeholder: placeholder || "",
@@ -1499,7 +1499,7 @@ function text_input(name, value, placeholder, disabled)
 
 function number_input(name, value)
 {
-    return ["input", {class: "input is-small", type: "number",
+    return ["input", {class: "input", type: "number",
                       "data-name": name,
                       value: (value === undefined || value === null || value === "")
                           ? "" : `${value}`}];
@@ -1513,14 +1513,14 @@ function select_input(name, value, options)
             `${option}`];
     });
 
-    return ["div", {class: "select is-small is-fullwidth"}, [
+    return ["div", {class: "select is-fullwidth"}, [
         ["select", {"data-name": name}, $options]
     ]];
 }
 
 function textarea_input(name, value, rows, placeholder)
 {
-    return ["textarea", {class: "textarea is-small", "data-name": name,
+    return ["textarea", {class: "textarea", "data-name": name,
                          rows: `${rows || 3}`,
                          placeholder: placeholder || ""},
         value === undefined || value === null ? "" : `${value}`];
@@ -1561,7 +1561,7 @@ function flags_field(gobj, type, current)
 
     for(let group of grouped_flags(type, current)) {
         let $boxes = group.flags.map((flag) => {
-            return ["label", el_attrs({class: "SCHEMA_FLAG checkbox is-size-7 " +
+            return ["label", el_attrs({class: "SCHEMA_FLAG checkbox " +
                                      (flag.meaningful ? "" : "SCHEMA_FLAG_DIM has-text-grey-light"),
                               title: flag.desc ? t(flag.desc) : "",
                               "data-i18n-title": flag.desc || undefined}), [
@@ -1573,7 +1573,7 @@ function flags_field(gobj, type, current)
         });
 
         $groups.push(["div", {class: "SCHEMA_FLAG_GROUP mb-2"}, [
-            ["p", {class: "SCHEMA_FLAG_GROUP_NAME is-size-7 has-text-weight-semibold has-text-grey",
+            ["p", {class: "SCHEMA_FLAG_GROUP_NAME has-text-weight-semibold has-text-grey",
                    i18n: group.group}, t(group.group)],
             ["div", {class: "SCHEMA_FLAG_LIST"}, $boxes]
         ]]);
@@ -1638,11 +1638,11 @@ function open_column_form(gobj, topic, col, prefill)
             field("SCHEMA_COL_FORM_FILLSPACE", "fillspace", "fillspace",
                 number_input("fillspace", record.fillspace)),
             ["div", {class: "SCHEMA_COL_FORM_FLAGS field mb-3"}, [
-                ["label", {class: "label is-small", i18n: "flags"}, t("flags")],
+                ["label", {class: "label", i18n: "flags"}, t("flags")],
                 flags_field(gobj, type, col_flags(record))
             ]],
             ["div", {class: "SCHEMA_COL_FORM_HOOK field mb-3"}, [
-                ["label", {class: "label is-small", i18n: "hook"}, t("hook")],
+                ["label", {class: "label", i18n: "hook"}, t("hook")],
                 ["div", {class: "is-flex", style: "gap:.4rem;"}, [
                     select_input("hook_topic", hook_topic, [""].concat(sibling_topics)),
                     text_input("hook_col", hook_col, t("the fkey column of the child"))
@@ -1661,9 +1661,9 @@ function open_column_form(gobj, topic, col, prefill)
                 text_input("description", record.description, "")),
             ["div", {class: "SCHEMA_COL_FORM_ACTIONS is-flex mt-4",
                      style: "gap:.5rem; justify-content:flex-end;"}, [
-                ["button", {class: "SCHEMA_COL_FORM_CANCEL button is-small", type: "button"},
+                ["button", {class: "SCHEMA_COL_FORM_CANCEL button", type: "button"},
                     [["span", {i18n: "cancel"}, t("cancel")]]],
-                ["button", {class: "SCHEMA_COL_FORM_SAVE button is-small is-primary", type: "button"},
+                ["button", {class: "SCHEMA_COL_FORM_SAVE button is-primary", type: "button"},
                     [["span", {class: "icon"}, [["i", {class: "yi-floppy-disk"}]]],
                      ["span", {i18n: "save"}, t("save")]]]
             ]]
@@ -1763,7 +1763,7 @@ function open_topic_form(gobj, treedb, topic)
                     record.topic_version === undefined ? 1 : record.topic_version),
                 "raising it is what publishes a change of the columns"),
             ["div", {class: "SCHEMA_TOPIC_FORM_SYSTEM field mb-3"}, [
-                ["label", {class: "checkbox is-size-7"}, [
+                ["label", {class: "checkbox"}, [
                     ["input", el_attrs({type: "checkbox", "data-name": "system_topic",
                                checked: record.system_topic ? "checked" : undefined})],
                     ["span", {class: "ml-1", i18n: "system topic"}, t("system topic")]
@@ -1771,9 +1771,9 @@ function open_topic_form(gobj, treedb, topic)
             ]],
             ["div", {class: "SCHEMA_TOPIC_FORM_ACTIONS is-flex mt-4",
                      style: "gap:.5rem; justify-content:flex-end;"}, [
-                ["button", {class: "SCHEMA_TOPIC_FORM_CANCEL button is-small", type: "button"},
+                ["button", {class: "SCHEMA_TOPIC_FORM_CANCEL button", type: "button"},
                     [["span", {i18n: "cancel"}, t("cancel")]]],
-                ["button", {class: "SCHEMA_TOPIC_FORM_SAVE button is-small is-primary",
+                ["button", {class: "SCHEMA_TOPIC_FORM_SAVE button is-primary",
                             type: "button"},
                     [["span", {class: "icon"}, [["i", {class: "yi-floppy-disk"}]]],
                      ["span", {i18n: "save"}, t("save")]]]
@@ -1860,7 +1860,7 @@ function open_export(gobj, treedb)
 
     let $content = createElement2(
         ["div", {class: "SCHEMA_EXPORT box"}, [
-            ["div", {class: "SCHEMA_EXPORT_TABS tabs is-small is-toggle mb-2"}, [
+            ["div", {class: "SCHEMA_EXPORT_TABS tabs is-toggle mb-2"}, [
                 ["ul", {}, [
                     ["li", {class: "SCHEMA_EXPORT_TAB is-active", "data-pane": "c"},
                         [["a", {}, [["span", {}, "C"]]]]],
@@ -1875,7 +1875,7 @@ function open_export(gobj, treedb)
                           rows: "18", readonly: "readonly", spellcheck: "false"}, c_text],
             ["div", {class: "SCHEMA_EXPORT_ACTIONS is-flex mt-3",
                      style: "gap:.5rem; justify-content:flex-end;"}, [
-                ["button", {class: "SCHEMA_EXPORT_COPY button is-small", type: "button"}, [
+                ["button", {class: "SCHEMA_EXPORT_COPY button", type: "button"}, [
                     ["span", {class: "icon"}, [["i", {class: "yi-copy"}]]],
                     ["span", {i18n: "copy"}, t("copy")]
                 ]]
@@ -1940,7 +1940,7 @@ function open_import(gobj, treedb)
             ["textarea", {class: "SCHEMA_IMPORT_TEXT textarea is-small is-family-monospace",
                           rows: "12", spellcheck: "false",
                           placeholder: '{"id": "...", "schema_version": "1", "topics": []}'}, ""],
-            ["label", {class: "SCHEMA_IMPORT_PRUNE checkbox is-size-7 mt-2"}, [
+            ["label", {class: "SCHEMA_IMPORT_PRUNE checkbox mt-2"}, [
                 ["input", {type: "checkbox", class: "SCHEMA_IMPORT_PRUNE_BOX", checked: "checked"}],
                 ["span", {class: "ml-1", i18n: "delete what the pasted schema does not declare"},
                     t("delete what the pasted schema does not declare")]
@@ -1948,12 +1948,12 @@ function open_import(gobj, treedb)
             ["div", {class: "SCHEMA_IMPORT_PLAN mt-3"}, []],
             ["div", {class: "SCHEMA_IMPORT_ACTIONS is-flex mt-3",
                      style: "gap:.5rem; justify-content:flex-end;"}, [
-                ["button", {class: "SCHEMA_IMPORT_CANCEL button is-small", type: "button"},
+                ["button", {class: "SCHEMA_IMPORT_CANCEL button", type: "button"},
                     [["span", {i18n: "cancel"}, t("cancel")]]],
-                ["button", {class: "SCHEMA_IMPORT_PREVIEW button is-small", type: "button"},
+                ["button", {class: "SCHEMA_IMPORT_PREVIEW button", type: "button"},
                     [["span", {class: "icon"}, [["i", {class: "yi-eye"}]]],
                      ["span", {i18n: "preview"}, t("preview")]]],
-                ["button", {class: "SCHEMA_IMPORT_RUN button is-small is-warning",
+                ["button", {class: "SCHEMA_IMPORT_RUN button is-warning",
                             type: "button", disabled: "disabled"},
                     [["span", {class: "icon"}, [["i", {class: "yi-upload"}]]],
                      ["span", {i18n: "import"}, t("import")]]]