update reply form layout

1 files changed, 18 insertions, 14 deletions

diff --git a/static/form.css b/static/form.css
index 8bcefde..b2435aa 100644
--- a/static/form.css
+++ b/static/form.css
@@ -60,8 +60,22 @@ form:not(.nopanel) {
     }
   }
 
+  &.noteReplyForm,
   &#writeNoteForm {
-    max-width: 100%;
+    details {
+      summary {
+        border: none;
+        border-radius: var(--border-radius);
+        margin: 0 0 var(--spacing-single) 0;
+        padding: var(--spacing-single) var(--spacing-double);
+        background-color: var(--clr-secondary);
+        font-weight: bold;
+        cursor: pointer;
+      }
+      &[open] summary {
+        margin-bottom: var(--spacing-single);
+      }
+    }
 
     .summaryAndContent {
       input:has(+ textarea) {
@@ -76,20 +90,10 @@ form:not(.nopanel) {
         }
       }
     }
+  }
 
-    details {
-      summary {
-        border-radius: var(--border-radius);
-        margin-bottom: var(--spacing-single);
-        padding: var(--spacing-single) var(--spacing-double);
-        background-color: var(--clr-secondary);
-        font-weight: bold;
-        cursor: pointer;
-      }
-      &[open] summary {
-        margin-bottom: var(--spacing-single);
-      }
-    }
+  &#writeNoteForm {
+    max-width: 100%;
 
     .miniProfile {
       display: grid;