From be6a5710fe1c5af6f3575cb60b03dde4762adcce Mon Sep 17 00:00:00 2001
From: facundoy <facundoy@umich.edu>
Date: Sun, 15 Dec 2024 15:57:29 -0500
Subject: [PATCH] Fixed styling issues

---
 src/haz3lweb/view/ExerciseMode.re |  2 +-
 src/haz3lweb/www/style/cell.css   | 16 +++++++++++++---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/haz3lweb/view/ExerciseMode.re b/src/haz3lweb/view/ExerciseMode.re
index 141aab6a39..a856f6f051 100644
--- a/src/haz3lweb/view/ExerciseMode.re
+++ b/src/haz3lweb/view/ExerciseMode.re
@@ -277,7 +277,7 @@ let view =
                         msg,
                       ),
                       div(
-                        ~attrs=[Attr.class_("edit-icon")],
+                        ~attrs=[Attr.class_("edit-pencil")],
                         [
                           Widgets.button(Icons.pencil, _ =>
                             inject(Set(EditingPrompt))
diff --git a/src/haz3lweb/www/style/cell.css b/src/haz3lweb/www/style/cell.css
index ec0d1b53a1..35aa18e12b 100644
--- a/src/haz3lweb/www/style/cell.css
+++ b/src/haz3lweb/www/style/cell.css
@@ -200,6 +200,14 @@
   align-items: center;
 }
 
+.cell-prompt .prompt-edit .edit-pencil {
+  align-self: top;
+}
+
+.cell-prompt .prompt-edit .edit-icon {
+  align-self: flex-start;
+}
+
 .cell-prompt .prompt-placeholder {
   font-style: italic;
   color: var(--BR4);
@@ -210,15 +218,17 @@
   font-size: 1rem;
 }
 
-.edit-icon {
+.edit-icon,
+.edit-pencil {
   margin-left: 0.5em;
   cursor: pointer;
   fill: #7a6219;
-  display: inline-flex;
+  display: inline;
   vertical-align: top;
 }
 
-.edit-icon:hover {
+.edit-icon:hover,
+.edit-pencil:hover {
   animation: wobble 0.6s ease 0s 1 normal forwards;
 }