x

static/style.css

@@ -576,43 +576,54 @@ body {
 .action-buttons {
   display: flex;
   gap: var(--space-2);
+  align-items: center;
 }
 
 .btn-sm {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   padding: var(--space-1) var(--space-3);
-    font-size: var(--text-xs);
-    border-radius: var(--radius-sm);
+  font-size: var(--text-xs);
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+  border: none;
+  transition: all var(--duration-fast) var(--ease-default);
+}
+
+.btn-sm.btn-primary {
+  background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);
+  color: white;
+}
+
+.btn-sm.btn-primary:hover {
+  background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);
+}
+
+.btn-sm.btn-secondary {
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+  border: 1px solid var(--border-default);
+}
+
+.btn-sm.btn-secondary:hover {
+  background: var(--gray-200);
+}
+
+.history-detail-row {
+  background-color: var(--bg-secondary);
+}
+
+.history-detail-row td {
+  padding: 0;
 }
 
 .history-dropdown {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: 1000;
-    background: var(--bg-primary);
-    border-radius: var(--radius-md);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    max-height: 400px;
-    overflow-y: auto;
-}
-
-.history-dropdown table {
-    width: 100%;
-    font-size: var(--text-xs);
-}
-
-.history-dropdown th {
-    background: var(--bg-tertiary);
-    padding: var(--space-2) var(--space-3);
-    white-space: nowrap;
-}
-
-.history-dropdown td {
-    padding: var(--space-2) var(--space-3);
-}
-
-.history-dropdown tr:hover {
-    background: var(--bg-secondary);
+  padding: var(--space-4);
+  background: var(--bg-primary);
+  border-radius: var(--radius-md);
+  margin: var(--space-2);
+  border: 1px solid var(--border-light);
 }
 
 /* ================================