From 61db0734d2a29ad5e4085c91ba32de4aadc59094 Mon Sep 17 00:00:00 2001
From: Davide Scaini <davide.scaini@alumni.cern>
Date: Wed, 13 May 2026 00:39:51 +0200
Subject: [PATCH] Move segment shortcut next to Edit button, shorten to '+
 segment'

---
 site/src/components/ActivityDetail.svelte | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/site/src/components/ActivityDetail.svelte b/site/src/components/ActivityDetail.svelte
index 969f4f8..ad05f55 100644
--- a/site/src/components/ActivityDetail.svelte
+++ b/site/src/components/ActivityDetail.svelte
@@ -263,6 +263,12 @@
           Edit
         </button>
       {/if}
+      {#if trackUrl}
+        <a
+          href="{base}segments/new/?activity={activity.id}"
+          class="text-xs px-2 py-0.5 rounded border border-zinc-700 text-zinc-400 hover:border-zinc-500 hover:text-white transition-colors shrink-0"
+        >+ segment</a>
+      {/if}
     </div>
     {#if descriptionHtml}
       <div class="text-zinc-400 mt-2 text-sm leading-relaxed [&_img]:rounded-lg [&_img]:my-2 [&_p]:my-1 [&_a]:text-blue-400">
@@ -329,16 +335,6 @@
   </div>
 </div>
 
-<!-- Create segment shortcut -->
-{#if trackUrl}
-  <div class="mt-3 flex justify-end">
-    <a
-      href="{base}segments/new/?activity={activity.id}"
-      class="text-xs px-3 py-1.5 rounded-lg border border-zinc-700 text-zinc-400 hover:border-zinc-500 hover:text-white transition-colors"
-    >+ Create segment from this activity</a>
-  </div>
-{/if}
-
 <!-- Charts -->
 {#if error}
   <p class="text-red-400 text-sm mt-4">{error}</p>