style: improve edge case styling

Author: julhoang

static/css/v3/library-highlight-carousel.css

@@ -124,9 +124,9 @@
 .library-highlight-carousel__tags {
   display: flex;
   flex-wrap: wrap;
-  justify-content: flex-end;
+  justify-content: flex-start;
   gap: var(--space-xs);
-  flex-shrink: 0;
+  min-width: 0;
 }
 
 .library-highlight-carousel__description {

templates/v3/includes/_library_highlight_carousel.html

@@ -50,6 +50,15 @@
                aria-label="Show {{ slide.name }}"
                {% if forloop.first %}checked{% endif %}>
       {% endfor %}
+    {% else %}
+      <style>
+        #{{ carousel_id }} .library-highlight-carousel__added--1 {
+          display: inline;
+        }
+        #{{ carousel_id }} .library-highlight-carousel__button--1 {
+          display: flex;
+        }
+      </style>
     {% endif %}
 
     <div class="library-highlight-carousel__header">