fix(ui): uniform-size checkboxes, vertically-aligned form labels, and fixes for other UI imperfections/inconsistencies (#737)

src/components/MovieDetails/MovieCrew/index.tsx

@@ -32,15 +32,17 @@ const MovieCrew: React.FC = () => {
 
   return (
     <>
-      <Header
-        subtext={
-          <Link href={`/movie/${data.id}`}>
-            <a className="hover:underline">{data.title}</a>
-          </Link>
-        }
-      >
-        {intl.formatMessage(messages.fullcrew)}
-      </Header>
+      <div className="mt-1 mb-5">
+        <Header
+          subtext={
+            <Link href={`/movie/${data.id}`}>
+              <a className="hover:underline">{data.title}</a>
+            </Link>
+          }
+        >
+          {intl.formatMessage(messages.fullcrew)}
+        </Header>
+      </div>
       <ul className="grid grid-cols-2 gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-7 2xl:grid-cols-8">
         {data?.credits.crew.map((person, index) => {
           return (