make attachments nicer

1 files changed, 9 insertions, 5 deletions

diff --git a/static/note.css b/static/note.css
index bc9b2d8..fd281b0 100644
--- a/static/note.css
+++ b/static/note.css
@@ -164,17 +164,20 @@ article.note {
     box-sizing: border-box;
     gap: var(--spacing-single);
 
-    &:has(:nth-child(2)) {
+    &:has(> :nth-child(2)) {
       grid-template-columns: auto auto;
+      a.file {
+        width: 100%;
+      }
     }
-    &:has(:nth-child(3)) {
+    &:has(> :nth-child(3)) {
       grid-template-columns: auto auto auto;
     }
-    &:has(:nth-child(4)) {
+    &:has(> :nth-child(4)) {
       grid-template-columns: auto auto;
       grid-template-rows: auto auto;
     }
-    &:has(:nth-child(5)) {
+    &:has(> :nth-child(5)) {
       grid-template-columns: unset;
       grid-template-rows: auto;
       grid-auto-flow: column;
@@ -203,8 +206,9 @@ article.note {
       color: var(--clr-foreground);
       text-decoration: none;
       padding: var(--spacing-single);
+      padding-right: var(--spacing-double);
       display: grid;
-      width: 100%;
+      width: min(max-content, 100%);
       box-sizing: border-box;
       grid-auto-flow: column;
       align-items: center;