Prettier

packages/gui/src/components/EssentialWorkshops/EssentialWorkshops.svelte

@@ -18,7 +18,7 @@
 {#if courses.length}
 	<Posts posts={courses} />
 {:else}
-	<section class="h-64 border bg-black border-gray p-4">
+	<section class="h-64 border border-gray bg-black p-4">
 		<Preloader />
 	</section>
 {/if}

packages/gui/src/components/PackageBanner/PackageBanner.svelte

@@ -34,7 +34,7 @@
 		</article>
 	</header>
 	<footer class="flex h-20 border-t border-gray text-white">
-		<input class="flex-grow click-copy bg-black pl-4" disabled value={copyValue} />
+		<input class="click-copy flex-grow bg-black pl-4" disabled value={copyValue} />
 		<Button class="w-16 border-0 border-l-2 text-sm" onClick={onCopy}>{copyButtonText}</Button>
 		<Button class="w-56 border-0 border-l-2 text-sm" onClick={() => console.log('cli')}
 			>OPEN IN TERMINAL</Button

packages/ui/src/PackageCard/PackageCard.svelte

@@ -36,7 +36,7 @@
 	<footer class="mt-4 flex items-center justify-between">
 		<div>
 			<p>
-				<span class="text-xs pk-version">V&NonBreakingSpace;{pkg.version}</span>
+				<span class="pk-version text-xs">V&NonBreakingSpace;{pkg.version}</span>
 				<!--
         TODO: uncomment once install counts improve
         <br>

packages/ui/src/SearchInput/SearchInput.svelte

@@ -16,7 +16,7 @@
 	};
 </script>
 
-<section class={`flex border-b border-r-0 border-l-0 items-center py-2 ${size} ${clazz}`}>
+<section class={`flex items-center border-b border-r-0 border-l-0 py-2 ${size} ${clazz}`}>
 	<div class="icon pl-4">
 		<i class="icon-search-icon" />
 	</div>