fix: make grid wrap properly on smaller viewports

src/Pages/ShowManager.vue

@@ -17,11 +17,11 @@
       <TimeSlotList />
 
       <SectionTitle class="tw-mb-4">{{ t('showManager.generalSettings') }}</SectionTitle>
-      <div class="tw-grid tw-gap-x-6 tw-grid-cols-3">
+      <div class="tw-grid tw-gap-x-6 tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3">
         <ShowMetaSimpleTypes />
-        <hr class="tw-col-span-3 tw-w-full" />
+        <hr class="tw-col-span-full tw-w-full" />
         <ShowMetaArrays />
-        <hr class="tw-col-span-3 tw-w-full" />
+        <hr class="tw-col-span-full tw-w-full" />
         <ShowMetaImages />
         <ShowMetaOwners />
       </div>

src/components/shows/MetaSimpleTypes.vue

@@ -75,11 +75,11 @@
   </FormGroup>
 
   <template v-if="authStore.isSuperuser">
-    <hr class="tw-col-span-3 tw-order-last tw-w-full" />
+    <hr class="tw-col-span-full tw-order-last tw-w-full" />
     <FormGroup
       :label="t('showMeta.internalNote')"
       :errors="internalNoteErrors"
-      class="tw-col-span-2 tw-order-last"
+      class="md:tw-col-span-2 tw-order-last"
     >
       <template #default="attrs">
         <textarea