diff --git a/backend/internal/adminconsole/assets/console.css b/backend/internal/adminconsole/assets/console.css index 706432e..2f53bcc 100644 --- a/backend/internal/adminconsole/assets/console.css +++ b/backend/internal/adminconsole/assets/console.css @@ -86,13 +86,13 @@ h1 { font-size: 1.4rem; margin: 0 0 0.4rem; } font: inherit; } .form textarea { min-height: 4rem; resize: vertical; } -/* A form beside a static help aside (e.g. message-formatting hints). The form keeps its - own max-width; the aside fills the remainder and wraps below on a narrow viewport. */ -.form-help { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; } +/* A static help aside (e.g. message-formatting hints) beside an intro note at the top of a + section: the note fills the row, the aside takes ~40% and both wrap on a narrow viewport. */ +.help-top { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; margin: 0.2rem 0 0.6rem; } +.help-top .note { flex: 1 1 16rem; margin: 0; } .help { - flex: 1 1 16rem; - min-width: 14rem; - max-width: 30rem; + flex: 0 1 40%; + min-width: 16rem; background: var(--panel-hi); border: 1px solid var(--line); border-radius: 6px; diff --git a/backend/internal/adminconsole/templates/pages/banner_detail.gohtml b/backend/internal/adminconsole/templates/pages/banner_detail.gohtml index 603e07f..aeeb1dc 100644 --- a/backend/internal/adminconsole/templates/pages/banner_detail.gohtml +++ b/backend/internal/adminconsole/templates/pages/banner_detail.gohtml @@ -21,12 +21,21 @@ {{end}}

Messages

+

Each message must be filled in both languages; the viewer sees the variant for the bot they play through. The messages of a campaign share its show weight, rotating in this order.

+ +
{{range .Messages}}
- - + +
@@ -39,20 +48,11 @@
{{else}}

no messages yet

{{end}}

Add message

-
- - + +
- -
{{end}} {{- end}}