Tweak styles

tyom · Oct 4, 2023 · 08efc01 · 08efc01
1 parent 678f735
commit 08efc01
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git 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,15 +49,15 @@
       {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>
       {/if}
     </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
@@ -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>