Update

src/lib/Footer.svelte

@@ -5,7 +5,7 @@
 </script>
 
 {#if $bundle}
-  <div class="bg-blue-web-bg text-white">
+  <div class="bg-blue-web-bg text-white print:hidden">
     <div
       class="relative mx-auto px-6 pt-10 pb-2 sm:pb-6 max-w-6xl sm:flex pr-4"
     >

src/lib/header/Header.svelte

@@ -13,7 +13,7 @@
 </script>
 
 <header
-  class="relative bg-center bg-cover {$page.url.pathname !== '/tv' ? "bg-[url('/img/bg-header.jpg')]" : ''} bg-no-repeat bg-blue-web-bg"
+  class="relative bg-center bg-cover {$page.url.pathname !== '/tv' ? "bg-[url('/img/bg-header.jpg')]" : ''} bg-no-repeat bg-blue-web-bg print:hidden"
 >
   <!--		<li class:active={$page.url.pathname === '/'}><a sveltekit:prefetch href="/">Home</a></li> -->
   <div>

src/routes/__layout.svelte

@@ -77,7 +77,7 @@
 </script>
 
 {#if $bundle}
-  <div class="layout min-h-screen bg-gray-900">
+  <div class="layout min-h-screen bg-gray-900 print:bg-white">
     <div class="inset-0 bg-white">
       <Header />
 

src/routes/program.svelte

@@ -280,7 +280,7 @@
 </svelte:head>
 
 <section
-  class="relative mx-auto pt-6 sm:pt-10 pb-6 px-6 max-w-6xl text-blue-web"
+  class="relative mx-auto pt-6 sm:pt-10 pb-6 px-6 max-w-6xl text-blue-web print:hidden"
 >
   <div class="mb-6">
     {#if $bundle}
@@ -292,7 +292,7 @@
         >
           {#each $bundle.spec["schedule-candidates"] as p, i}
             <option value={i}
-              >#{i} [{["score", "thc:themeCrossing", "tgc:tagsCrossing", "exd:exclusivityDev"]
+                    >#{i} | {p.hash.substring(0,8)} [{["score", "thc:themeCrossing", "tgc:tagsCrossing", "exd:exclusivityDev"]
                 .map((key) => {
                   const [title, rkey] = key.split(":");
                   return `${title}:${
@@ -388,7 +388,7 @@
 <section class="relative mx-auto pb-6 sm:pb-10 px-0 text-blue-web">
   {#if $bundle}
     {#each scheduleTimes($bundle, $schedulePref.time) as st}
-      <div class="max-w-6xl mx-auto px-6 mb-4">
+      <div class="max-w-6xl mx-auto px-6 mb-4 print:max-w-full">
         <h2 class="uppercase text-xl font-bold">
           {#if st.name}
             {st.name}
@@ -419,7 +419,7 @@
                   <th
                     valign="top"
                     class="w-auto pl-2 pr-2 pt-1 text-sm left-0 bg-white"
-                    height="40">{ds.title}</th
+                    height="60">{ds.title}</th
                   >
                   {#each activeStages($bundle, $bundle.spec.stages, st, plan) as stage}
                     {#if $schedulePref && ($schedulePref.stage === stage.id || $schedulePref.stage === 'all')}

src/routes/tv.svelte

@@ -189,7 +189,7 @@
             <div>
               <YouTube videoId={stageStatus[stage.id].stream.name} class="bg-blue-web-bg/60" id="player-{stage.id}" options={Object.assign({}, YToptions)} bind:player={stagePlayers[stage.id]} on:play={() => youtubePlayed(stage.id)} />
             </div>
-            <div class="pr-2">
+            <div class="pr-2 w-full">
               {#each [stageStatus[stage.id]] as ss}
                 <div>
                   {#if ss.current}

src/routes/vyzvednuti-vstupenky.svelte

@@ -77,6 +77,7 @@
     },
     partner: { title: "Partner", hostTitle: "Host partnera", col: "partners" },
     host: { title: "Host" },
+    team: { title: "Team", hostTitle: "Host organizátora" }
   };
 
   function makeTicketTypeInfo(c) {