detailpanel

frontend/src/documents/DocumentSummarySection.jsx

@@ -529,46 +529,6 @@ const DocumentSummarySection = ({
       </div>
       {titleError ? <div className="status-inline error">{titleError}</div> : null}
 
-      <TagSection
-        tags={resolvedTags}
-        onRemove={
-          onTagRemove
-            ? (tag) => onTagRemove(document.id, tag.id)
-            : undefined
-        }
-        onAdd={
-          onTagAdd
-            ? ({ value, option }) => onTagAdd(document, value, { option })
-            : undefined
-        }
-        datalistOptions={tagOptions}
-      />
-
-      <CorrespondentSection
-        entries={resolvedCorrespondents}
-        onRemove={
-          onCorrespondentRemove
-            ? (entry) =>
-                onCorrespondentRemove({
-                  documentId: document.id,
-                  correspondentId: entry.id,
-                })
-            : undefined
-        }
-        onAdd={
-          onCorrespondentAdd
-            ? ({ name, option }) =>
-                onCorrespondentAdd({
-                  document,
-                  name,
-                  option,
-                })
-            : undefined
-        }
-        showCount
-        datalistOptions={correspondentOptions}
-      />
-
       <div className="detail-meta">
         <div className="detail-meta__row">
           <span className="detail-meta__label">Issued:</span>
@@ -624,6 +584,46 @@ const DocumentSummarySection = ({
           </div>
         ))}
       </div>
+
+      <TagSection
+        tags={resolvedTags}
+        onRemove={
+          onTagRemove
+            ? (tag) => onTagRemove(document.id, tag.id)
+            : undefined
+        }
+        onAdd={
+          onTagAdd
+            ? ({ value, option }) => onTagAdd(document, value, { option })
+            : undefined
+        }
+        datalistOptions={tagOptions}
+      />
+
+      <CorrespondentSection
+        entries={resolvedCorrespondents}
+        onRemove={
+          onCorrespondentRemove
+            ? (entry) =>
+                onCorrespondentRemove({
+                  documentId: document.id,
+                  correspondentId: entry.id,
+                })
+            : undefined
+        }
+        onAdd={
+          onCorrespondentAdd
+            ? ({ name, option }) =>
+                onCorrespondentAdd({
+                  document,
+                  name,
+                  option,
+                })
+            : undefined
+        }
+        showCount
+        datalistOptions={correspondentOptions}
+      />
     </div>
   );
 };

frontend/src/styles.css

@@ -2605,7 +2605,7 @@ button.danger:hover:not([disabled]) {
   display: flex;
   flex-direction: column;
   gap: 0.35rem;
-  margin: 0.25rem 0 0.5rem;
+  margin: 0.25rem 0 1.25rem;
   max-width: 100%;
   word-break: break-word;
 }
@@ -2652,7 +2652,7 @@ button.danger:hover:not([disabled]) {
   display: flex;
   flex-direction: column;
   gap: 0.35rem;
-  margin: 0.5rem 0;
+  margin: 1rem 0;
 }
 
 .detail-meta__row {
@@ -2672,6 +2672,10 @@ button.danger:hover:not([disabled]) {
   color: var(--fg);
 }
 
+.detail-meta__row > .icon-button {
+  margin: -0.25rem;
+}
+
 .doc-issued-row {
   display: inline-flex;
   align-items: center;
@@ -2909,7 +2913,7 @@ button.danger:hover:not([disabled]) {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
-  margin: 0.5rem 0;
+  margin: 1rem 0;
   align-items: center;
 }