fix: git flow action pannel branch tag style error

Author: WuxiChenjg

webview-ui/src/components/modals/FlowFinishModal.svelte

@@ -68,7 +68,7 @@
       <div class="flow-step">
         <span class="flow-step-num">{i + 1}</span>
         <i class="codicon {step.icon}"></i>
-        <span>{@html step.text}</span>
+        <span class="flow-step-content">{@html step.text}</span>
       </div>
     {/each}
   </div>
@@ -90,6 +90,10 @@
     margin: 12px 0;
   }
 
+  .modal-context-card {
+    flex-wrap: wrap;
+  }
+
   .flow-step {
     display: flex;
     align-items: center;
@@ -119,6 +123,21 @@
     flex-shrink: 0;
   }
 
+  .flow-step-content {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    flex: 1;
+    flex-wrap: wrap;
+    min-width: 0;
+  }
+
+  .modal-context-card :global(.modal-pill),
+  .flow-step :global(.modal-pill) {
+    max-width: 100%;
+    flex-shrink: 0;
+  }
+
   .danger {
     background: var(--vscode-errorForeground, #f44336) !important;
   }