Give automations a visual chain with conditions and SMS, and match the pipeline board to the sales mockup.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/views/ActivityFormView.vue

@@ -901,22 +901,33 @@ watch([id, isNew], () => void load(), { immediate: true });
 
 .priorities {
   display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
   justify-content: space-between;
-  gap: 0.25rem;
+  gap: 0.45rem;
   margin-top: 0.45rem;
+  min-width: 0;
 }
 
 .pri {
-  display: grid;
-  justify-items: center;
-  gap: 0.2rem;
-  font-size: 0.68rem;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.28rem;
+  font-size: 0.72rem;
   color: #64748b;
   cursor: pointer;
+  white-space: nowrap;
+  flex: 0 0 auto;
 }
 
 .pri input {
   accent-color: #14b8a6;
+  width: 13px;
+  height: 13px;
+  margin: 0;
+  flex-shrink: 0;
 }
 
 .pri.very-high {
@@ -1183,7 +1194,11 @@ watch([id, isNew], () => void load(), { immediate: true });
 
   .priorities {
     justify-content: flex-start;
-    gap: 1.1rem;
+    gap: 1.15rem;
+  }
+
+  .pri {
+    gap: 0.32rem;
   }
 }
 </style>