Changed CSS so that the audiobook text does not overlap with the icon (…

…#10112) Co-authored-by: Drini Cami <[email protected]> Co-authored-by: Raymond Berger <[email protected]>
internetarchive · Jan 9, 2025 · 70fc10d · 70fc10d
1 parent 8803918
commit 70fc10d
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/static/css/components/buttonCta.less b/static/css/components/buttonCta.less
@@ -134,6 +134,22 @@ a.cta-btn {
   }
 }
 
+// Button inside carousel
+.carousel-section .cta-btn {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-size: 14px;
+  text-align: center;
+
+  &.cta-btn--external {
+    padding-right: 25px;
+    // stylelint-disable-next-line selector-max-specificity
+    .btn-label {
+      padding: 8px 10px;
+    }
+  }
+}
+
 // Top margin to button coming after another button
 .cta-btn + form input.cta-btn, .cta-btn + .cta-btn {
   margin-top: 5px;