From 76466068187ee29ab000b598b1c7a882ae5e4d9b Mon Sep 17 00:00:00 2001
From: Kristóf Marussy <kristof@marussy.com>
Date: Wed, 20 Mar 2024 02:01:30 +0100
Subject: Fix license link line breaks

---
 src/components/licenses.module.css | 4 ++++
 src/components/licenses.tsx        | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

(limited to 'src/components')

diff --git a/src/components/licenses.module.css b/src/components/licenses.module.css
index 512efbb..8fe7e1f 100644
--- a/src/components/licenses.module.css
+++ b/src/components/licenses.module.css
@@ -4,6 +4,10 @@
  * SPDX-License-Identifier: MIT
  */
 
+.link {
+  white-space: nowrap;
+}
+
 .icon {
   vertical-align: text-top;
   width: 1em;
diff --git a/src/components/licenses.tsx b/src/components/licenses.tsx
index f038b5f..85b0cb2 100644
--- a/src/components/licenses.tsx
+++ b/src/components/licenses.tsx
@@ -15,7 +15,7 @@ export type LicenseLinkProps = LinkProps & { label?: string };
 
 export function LicenseLink({ children, label, ...props }: LicenseLinkProps) {
   return (
-    <Link {...props}>
+    <Link className={styles.link} {...props}>
       <Certificate weight="bold" aria-hidden="true" className={styles.icon} />
       <span className="sr-only">{label ?? 'License'}: </span>
       {children}
@@ -29,7 +29,7 @@ export function MITLicenseLink() {
 
 export function CCLicenseLink({ children, label, ...props }: LicenseLinkProps) {
   return (
-    <Link {...props}>
+    <Link className={styles.link} {...props}>
       <CreativeCommonsIcon className={styles.icon} hidden />
       <span className="sr-only">{label ?? 'Creative Commons license'}: </span>
       {children}
@@ -51,7 +51,7 @@ export function ClosedAccessLink({
   ...props
 }: LicenseLinkProps) {
   return (
-    <Link {...props}>
+    <Link className={styles.link} {...props}>
       <Lock weight="bold" aria-hidden="true" className={styles.icon} />
       <span className="sr-only">{label ?? 'Closed access'}: </span>
       {children}
-- 
cgit v1.2.3-70-g09d2