From 08efc01906169f145aa045e0223fc5755bb84ed0 Mon Sep 17 00:00:00 2001
From: Tyom Semonov <inspiro@gmail.com>
Date: Wed, 4 Oct 2023 13:12:56 +0100
Subject: [PATCH] Tweak styles

---
 src/components/ExperienceItem.svelte | 8 ++++----
 src/components/Summary.svelte        | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/ExperienceItem.svelte b/src/components/ExperienceItem.svelte
index 7deccd4..c208cf3 100644
--- a/src/components/ExperienceItem.svelte
+++ b/src/components/ExperienceItem.svelte
@@ -24,7 +24,7 @@
 </script>
 
 <div
-  class="experience-item space-y-4 break-inside-avoid-page"
+  class="experience-item space-y-4 break-inside-avoid-page max-w-[70ch]"
   class:print:hidden={shouldHideFromPrint()}
 >
   <header class="space-y-1">
@@ -36,7 +36,7 @@
         <span class="text-gray-500">({duration})</span>
       {/if}
       {#if location}
-        <span class="location">({location})</span>
+        <span class="text-gray-500">({location})</span>
       {/if}
     </div>
     <h3 class="font-bold leading-tight text-[1.25em]">
@@ -49,7 +49,7 @@
       {role}
       {#if isContractor}
         <span
-          class="inline align-middle text-sm font-bold uppercase p-1 rounded bg-blue-50 text-blue-900 print:(text-gray-500 border bg-white ml-1 text-xs)"
+          class="inline align-middle text-xs font-bold uppercase py0.5 px-1 rounded bg-blue-50 text-blue-900 print:(text-gray-600 border border-zinc-300 bg-none ml-1 text-xs)"
         >
           Contract
         </span>
@@ -57,7 +57,7 @@
     </div>
   </header>
   {#if description}
-    <div class="description">
+    <div class="max-w-[70ch]">
       <!-- eslint-disable-next-line svelte/no-at-html-tags -->
       {@html description}
     </div>
diff --git a/src/components/Summary.svelte b/src/components/Summary.svelte
index 0cd7477..89f9608 100644
--- a/src/components/Summary.svelte
+++ b/src/components/Summary.svelte
@@ -27,7 +27,7 @@
 >
   <h1 class="font-bold tracking-wide leading-none text-[2.9em]">{name}</h1>
   <h2 class="leading-none opacity-60 text-[1.4em]">{title}</h2>
-  <div class="max-w-[68ch] leading-snug">
+  <div class="max-w-[60ch] leading-snug">
     <!-- eslint-disable-next-line svelte/no-at-html-tags -->
     {@html details}
   </div>