Fix mobile menu button text wrapping

claude · claude · commit 810e19144032 · 2026-01-04T04:28:40.000Z
Remove fixed width constraint on Start free/Sign in buttons
in mobile menu and add white-space: nowrap to prevent text
from breaking onto multiple lines.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -897,8 +897,8 @@ html[data-theme="dark"] .sign-in-button {
     display: none;
   }
 
-  .github-sm .github-btn, 
-  .github-sm .github-star-placeholder {    
+  .github-sm .github-btn,
+  .github-sm .github-star-placeholder {
     font-size: 1rem;
   }
 
@@ -913,9 +913,9 @@ html[data-theme="dark"] .sign-in-button {
   }
 
   .start-free-button, .sign-in-button {
-    display: flex;
-    width: 100px;
+    display: inline-flex;
     justify-content: center;
+    white-space: nowrap;
   }
 }
 /* Start - Card styling for resources and careers page */

Original file line number	Diff line number	Diff line change
`@@ -897,8 +897,8 @@ html[data-theme="dark"] .sign-in-button {`
`897`	`897`	`display: none;`
`898`	`898`	`}`
`899`	`899`
`900`		`- .github-sm .github-btn,`
`901`		`- .github-sm .github-star-placeholder {`
	`900`	`+ .github-sm .github-btn,`
	`901`	`+ .github-sm .github-star-placeholder {`
`902`	`902`	`font-size: 1rem;`
`903`	`903`	`}`
`904`	`904`
`@@ -913,9 +913,9 @@ html[data-theme="dark"] .sign-in-button {`
`913`	`913`	`}`
`914`	`914`
`915`	`915`	`.start-free-button, .sign-in-button {`
`916`		`- display: flex;`
`917`		`- width: 100px;`
	`916`	`+ display: inline-flex;`
`918`	`917`	`justify-content: center;`
	`918`	`+ white-space: nowrap;`
`919`	`919`	`}`
`920`	`920`	`}`
`921`	`921`	`/* Start - Card styling for resources and careers page */`