diff --git a/title-editor/style/cell.css b/title-editor/style/cell.css index e4c5849..ec0d1b5 100644 --- a/title-editor/style/cell.css +++ b/title-editor/style/cell.css @@ -62,7 +62,13 @@ color: var(--BR4); } -.title-edit .edit-icon { +.title-cell .title-placeholder { + font-style: italic; + color: var(--BR4); + opacity: 0.5; +} + +.edit-icon { margin-left: 0.5em; cursor: pointer; fill: #7a6219; @@ -81,10 +87,6 @@ animation: wobble 0.6s ease 0s 1 normal forwards; } -.cell-prompt { - padding: 1em; -} - .wrong-impl-cell-caption { flex-grow: 1; display: flex; @@ -137,6 +139,46 @@ .cell-module-name { padding: 1em; + display: flex; + align-items: center; + gap: 0.5em; +} + +.module-name-text { + display: flex; + align-items: center; + gap: 0.5em; +} + +.module-name-edit { + display: flex; + align-items: center; + gap: 0.5em; +} + +.module-name-edit label { + white-space: nowrap; +} + +.module-name-edit input { + margin: 0 0.5em; +} + +.module-name-edit .edit-icon { + display: inline-flex; + align-items: center; + margin-left: 0.5em; +} + +.module-placeholder { + display: inline; + font-style: italic; + color: var(--BR4); + opacity: 0.5; +} + +.cell-prompt { + padding: 1em; } .prompt-edit .prompt-text { @@ -150,11 +192,23 @@ } .cell-prompt .prompt-edit { - padding: 1em; - font-size: 1rem; + font-size: 1.5rem; + font-weight: bold; color: var(--light-text-color); + flex-grow: 1; + display: flex; + align-items: center; } +.cell-prompt .prompt-placeholder { + font-style: italic; + color: var(--BR4); + opacity: 0.5; +} + +.prompt-content { + font-size: 1rem; +} .edit-icon { margin-left: 0.5em;