From ee6fcafcdb83108b0eab3a66376f0ffb1aa94070 Mon Sep 17 00:00:00 2001
From: Sarah Sanders <sarah.sanders@docker.com>
Date: Tue, 11 Mar 2025 09:33:10 -0400
Subject: [PATCH] summary bar fix

---
 layouts/shortcodes/summary-bar.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/layouts/shortcodes/summary-bar.html b/layouts/shortcodes/summary-bar.html
index 523bf65e68e8..1075e61d696a 100644
--- a/layouts/shortcodes/summary-bar.html
+++ b/layouts/shortcodes/summary-bar.html
@@ -23,10 +23,10 @@
 
 <div class="flex flex-col bg-gray-light-200 bg-opacity-75 dark:bg-gray-dark-300 dark:bg-opacity-75 border-l-4 border-gray-light-200 px-4 py-1 my-1 not-prose">
   {{ with $feature.subscription }}
-  <div class="flex flex-wrap items-start gap-1">
-      <span class="font-bold whitespace-nowrap">Subscription:</span>
+  <div class="flex flex-wrap gap-1">
+      <span class="font-bold">Subscription:</span>
       {{ range . }}
-      <span class="flex-1">{{ . }}</span>
+      <span>{{ . }}</span>
       <span class="icon-svg">
           {{ $icon := index $subscriptionIcons . }}
           {{ if $icon }}
@@ -41,9 +41,9 @@
 
   {{ with $feature.availability }}
   {{ $availabilityText := . }}
-  <div class="flex flex-wrap items-start gap-1">
-      <span class="font-bold whitespace-nowrap">Availability:</span>
-      <span class="flex-1">
+  <div class="flex flex-wrap gap-1">
+      <span class="font-bold">Availability:</span>
+      <span>
           {{ $availabilityText }}
           {{ range $key, $icon := $availabilityIcons }}
             {{ if in $availabilityText $key }}
@@ -55,9 +55,9 @@
 {{ end }}
 
   {{ with $feature.requires }}
-  <div class="flex flex-wrap items-start gap-1">
-      <span class="font-bold whitespace-nowrap">Requires:</span>
-      <span class="flex-1">{{ . | markdownify }}</span>
+  <div class="flex flex-wrap gap-1">
+      <span class="font-bold">Requires:</span>
+      <span>{{ . | markdownify }}</span>
       <span class="icon-svg">
           {{ partial "icon" $requiresIcon }}
       </span>
@@ -65,9 +65,9 @@
   {{ end }}
 
   {{ with $feature.for }}
-  <div class="flex flex-wrap items-start gap-1">
-      <span class="font-bold whitespace-nowrap">For:</span>
-      <span class="flex-1">{{ . }}</span>
+  <div class="flex flex-wrap gap-1">
+      <span class="font-bold">For:</span>
+      <span>{{ . }}</span>
       <span class="icon-svg">
           {{ partial "icon" $forIcon }}
       </span>