diff --git a/web/src/style.css b/web/src/style.css index 100a591..bb395b4 100644 --- a/web/src/style.css +++ b/web/src/style.css @@ -749,13 +749,16 @@ h1 { cursor: not-allowed; } -.status-list__new { +/* An input with its submit button beside it (fit to its label text) rather + than below (full width, the plain .form pattern) -- the status "Add" form + and the project name form both use it. */ +.field-row { display: flex; gap: 0.4rem; margin-top: 0.75rem; } -.status-list__new input { +.field-row input { flex: 1; min-width: 0; font: inherit; @@ -767,7 +770,7 @@ h1 { color: var(--text); } -.status-list__new button[type='submit'] { +.field-row button[type='submit'] { flex: none; padding: 0.4rem 0.7rem; font-size: 0.9rem; diff --git a/web/src/views/ProjectConfigureView.vue b/web/src/views/ProjectConfigureView.vue index f7239ec..827525e 100644 --- a/web/src/views/ProjectConfigureView.vue +++ b/web/src/views/ProjectConfigureView.vue @@ -198,23 +198,20 @@ onBeforeUnmount(() => window.removeEventListener('keydown', onKeydown))

Project name

-
- - -

- {{ renameError.message }} -

- + +
+

{{ renameError.message }}

@@ -251,7 +248,7 @@ onBeforeUnmount(() => window.removeEventListener('keydown', onKeydown)) -
+