0.10.2-19 Frontend

frontend/src/styles/app.css

@@ -367,6 +367,58 @@ body {
   flex-wrap: wrap;
 }
 
+.actions-section {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.actions-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.actions-group-label {
+  font-size: 0.78rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--text-color-secondary);
+  margin-bottom: 0.1rem;
+}
+
+.action-item {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.action-item .p-button {
+  flex-shrink: 0;
+  min-width: 11rem;
+}
+
+.action-desc {
+  font-size: 0.8rem;
+  color: var(--text-color-secondary);
+  line-height: 1.35;
+}
+
+.action-delete-entry {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 0.75rem;
+  border-top: 1px solid var(--surface-border);
+  padding-top: 0.75rem;
+  margin-top: 0.25rem;
+}
+
+.action-delete-entry .action-desc {
+  text-align: right;
+}
+
 .dashboard-drive-state {
   margin: 0.5rem 0;
 }