From 5d9840f3de2f47efd4bbf8452751fd3cb0c779f5 Mon Sep 17 00:00:00 2001
From: dcore94 <m.lettere@gmail.com>
Date: Wed, 24 May 2023 09:41:51 +0200
Subject: [PATCH] break long badges

---
 ccp/js/executionhistorycontroller.js | 4 ++--
 ccp/js/methodlistcontroller.js       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ccp/js/executionhistorycontroller.js b/ccp/js/executionhistorycontroller.js
index 50634b3..58809f6 100644
--- a/ccp/js/executionhistorycontroller.js
+++ b/ccp/js/executionhistorycontroller.js
@@ -107,8 +107,8 @@ class CCPExecutionHistory extends HTMLElement {
                         <span name="message" class="ml-1"></span>
                       </p>
                     </summary>
-                    <div class="d-flex flex-wrap" style="gap:3px">
-                      <span class="badge badge-light text-info border border-info" name="infrastructure" alt="Infrastructure" title="Infrastructure"></span>
+                    <div class="d-flex flex-wrap" style="gap:3px; overflow:hidden">
+                      <span style="text-overflow:ellipsis" class="badge badge-light text-info border border-info" name="infrastructure" alt="Infrastructure" title="Infrastructure"></span>
                       <span class="badge" name="runtime" alt="Runtime" title="Runtime"></span>
                     </div>
                     <ul>
diff --git a/ccp/js/methodlistcontroller.js b/ccp/js/methodlistcontroller.js
index 2869c28..2be63a9 100644
--- a/ccp/js/methodlistcontroller.js
+++ b/ccp/js/methodlistcontroller.js
@@ -89,7 +89,7 @@ class CCPMethodList extends HTMLElement{
                     <div>
                       <span name="keyword" class="badge badge-pill badge-light border border-dark mr-1" style="opacity:.6"></span>
                     </div>
-                    <div>
+                    <div style="overflow:hidden">
                       <span name="infrastructures" class="badge badge-light text-info border border-info mr-1"></span>
                     </div>
                   </li>