From 470e3f78a083c106792777dd1ca5f9eee7bbc4c8 Mon Sep 17 00:00:00 2001
From: github-deploy-action <hazel-deploy@hazel.org>
Date: Mon, 9 Dec 2024 23:10:30 +0000
Subject: [PATCH] github-deploy-action-title-editor

---
 title-editor/style/cell.css | 68 +++++++++++++++++++++++++++++++++----
 1 file changed, 61 insertions(+), 7 deletions(-)

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;