Align study export action with summary

PACS_DICOM处理/数据处理网页端/static/app.js

@@ -482,9 +482,11 @@ function renderStudies() {
       <span class="study-patient" title="${escapeHtml(`${name} · ${study.patient_id || "无ID"}`)}">${escapeHtml(name)} · ${escapeHtml(study.patient_id || "无ID")}</span>
       <div class="study-meta">
         <span title="${escapeHtml(studyDateTime)}">${escapeHtml(studyDateTime)}</span>
+        <div class="study-summary-line">
           <span title="${escapeHtml(annotationSummary)}">${escapeHtml(annotationSummary)}</span>
-      </div>
           ${exportControls}
+        </div>
+      </div>
     `;
     card.onclick = () => selectStudy(study.ct_number);
     card.onkeydown = (event) => {

PACS_DICOM处理/数据处理网页端/static/styles.css

@@ -376,7 +376,7 @@ button:disabled {
 .study-card {
   position: relative;
   width: 100%;
-  padding: 12px 44px 42px 12px;
+  padding: 12px;
   margin-bottom: 10px;
   border: 1px solid transparent;
   border-radius: 8px;
@@ -491,14 +491,29 @@ button:disabled {
   white-space: nowrap;
 }
 
+.study-summary-line {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  align-items: center;
+  gap: 8px;
+}
+
+.study-summary-line:has(.study-export-btn) {
+  grid-template-columns: minmax(0, 1fr) 28px;
+}
+
+.study-summary-line .study-export-btn {
+  justify-self: end;
+}
+
 .study-export-btn {
-  position: absolute;
-  bottom: 10px;
-  height: 24px;
+  width: 28px;
+  min-width: 28px;
+  height: 28px;
   display: inline-grid;
   place-items: center;
   border: 1px solid var(--stroke);
-  border-radius: 999px;
+  border-radius: 50%;
   background: rgba(21, 28, 39, 0.92);
   color: #dbe8ff;
   font-size: 11px;
@@ -506,13 +521,6 @@ button:disabled {
   font-weight: 800;
 }
 
-.study-export-btn {
-  right: 10px;
-  width: 28px;
-  min-width: 28px;
-  border-radius: 50%;
-}
-
 .study-export-btn:hover {
   border-color: rgba(25, 212, 194, 0.68);
   color: #baf8ee;