Improve padding

Author: hasparus

src/app/conf/2025/components/speaker-card.tsx

@@ -14,7 +14,6 @@ import { SpeakerLinks } from "./speaker-links"
 import styles from "./speaker-card.module.css"
 
 export interface SpeakerCardProps extends React.HTMLAttributes<HTMLDivElement> {
-  tags?: string[]
   isReturning?: boolean
   stripes?: string
   speaker: SchedSpeaker
@@ -23,7 +22,6 @@ export interface SpeakerCardProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 
 export function SpeakerCard({
-  tags = [],
   className,
   speaker,
   year,
@@ -87,16 +85,6 @@ export function SpeakerCard({
               {speaker.about}
             </p>
           )}
-          {/* TODO: We'll have to collect it when fetching all sessions. */}
-          {tags.length > 0 && (
-            <div className="flex flex-wrap gap-2">
-              {tags.map(tag => (
-                <Tag color={eventsColors[tag] || "hsl(var(--color-sec-base))"}>
-                  {tag}
-                </Tag>
-              ))}
-            </div>
-          )}
         </div>
       </div>
       <Anchor

src/app/conf/2025/speakers/[id]/long-session-card.tsx

@@ -57,7 +57,7 @@ export function LongSessionCard({
   return (
     <div
       className={clsx(
-        "group relative border border-neu-200 bg-neu-0 p-6",
+        "group relative border border-neu-200 bg-neu-0",
         !!video && "flex flex-col gap-6 backdrop-blur-md",
         className,
       )}
@@ -69,7 +69,7 @@ export function LongSessionCard({
         aria-label={`Read more about "${eventTitle}" by ${session.speakers?.[0]?.name || "Speaker"}`}
       />
 
-      <div className="flex flex-col gap-6">
+      <div className="flex flex-col gap-6 p-6">
         <div className="flex items-center justify-between gap-6">
           <SessionTags session={session} />
           {video && (
@@ -84,7 +84,12 @@ export function LongSessionCard({
 
         <div className="flex flex-col gap-4">
           <div className="min-h-[120px]">
-            <h3 className="typography-h3 text-neu-900">{session.name}</h3>
+            <h3 className="typography-body-lg text-neu-900">
+              {getEventTitle(
+                session,
+                speakers.map(s => s.name),
+              )}
+            </h3>
           </div>
           <div className="flex items-center justify-between gap-2">
             {(speakers?.length || 0) > 0 && (

src/app/conf/2025/speakers/[id]/page.tsx

@@ -120,7 +120,7 @@ function SpeakerHeader({
   className?: string
 }) {
   return (
-    <header className={className}>
+    <header className={clsx("flex max-md:flex-col", className)}>
       <div className="pl-2 sm:pl-3">
         <BackLink year="2025" kind="schedule" />
         <p className="typography-body-lg mt-4 text-sec-darker lg:typography-h3 lg:mt-20">