various avatar tweaks and profile above note form

1 files changed, 29 insertions, 1 deletions

diff --git a/static/form.css b/static/form.css
index 00a4366..c7a1873 100644
--- a/static/form.css
+++ b/static/form.css
@@ -32,7 +32,7 @@ form {
   textarea {
     resize: vertical;
   }
-  button {
+  button:not(.inline) {
     width: 100%;
   }
   .error {
@@ -60,6 +60,34 @@ form {
 
   &#writeNoteForm {
     max-width: 100%;
+
+    .miniProfile {
+      display: grid;
+      grid-template-columns: max-content 1fr;
+      margin-bottom: var(--spacing-double);
+      gap: var(--spacing-double);
+
+      img.avatar {
+        border-radius: var(--border-radius);
+        width: var(--avatar-size);
+        aspect-ratio: 1;
+        display: block;
+      }
+      .basicInfo {
+        display: grid;
+        grid-auto-flow: row;
+        align-content: start;
+        .displayName {
+          font-size: var(--font-big-size);
+          font-weight: bold;
+          text-decoration: none;
+          color: inherit;
+          &:hover {
+            text-decoration: underline;
+          }
+        }
+      }
+    }
   }
 
   &.settings {