minor style tweaks

xvvvyz · Jul 8, 2024 · 643b350 · 643b350
1 parent 569a1d6
commit 643b350
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/app/_components/event-card.tsx b/app/_components/event-card.tsx
@@ -33,9 +33,7 @@ const EventCard = ({
   return (
     <div className="space-y-16 py-8">
       {eventType.content && (
-        <DirtyHtml className="-my-1 px-4 sm:px-8">
-          {eventType.content}
-        </DirtyHtml>
+        <DirtyHtml className="px-4 sm:px-8">{eventType.content}</DirtyHtml>
       )}
       {(event || (!isPublic && !isArchived)) && (
         <EventForm

diff --git a/app/_components/insight-form.tsx b/app/_components/insight-form.tsx
@@ -208,6 +208,7 @@ const InsightForm = ({ events, insight, subjectId }: InsightFormProps) => {
       <CollapsibleSection
         className="grid gap-6 pt-6 md:grid-cols-3 md:gap-4"
         title="Additional options"
+        titleClassName="smallcaps"
       >
         <Controller
           control={form.control}
@@ -272,6 +273,7 @@ const InsightForm = ({ events, insight, subjectId }: InsightFormProps) => {
       <CollapsibleSection
         className="grid gap-6 pt-6 md:grid-cols-2 md:gap-4"
         title="Filter events"
+        titleClassName="smallcaps"
       >
         <Controller
           control={form.control}
@@ -322,6 +324,7 @@ const InsightForm = ({ events, insight, subjectId }: InsightFormProps) => {
       <CollapsibleSection
         className="grid grid-cols-2 gap-6 pt-6 md:grid-cols-4 md:gap-4"
         title="Margins"
+        titleClassName="smallcaps"
       >
         <Input
           label="Top"

diff --git a/app/_components/module-card.tsx b/app/_components/module-card.tsx
@@ -36,11 +36,11 @@ const ModuleCard = ({
 
   return (
     <CollapsibleSection
-      className="space-y-16 py-8"
+      className="space-y-16 pb-8 pt-10"
       defaultOpen={!event && !disabled}
       title={
-        <div className="py-4 text-left">
-          <div className="text-xl leading-none">
+        <div className="py-2 text-left">
+          <div className="leading-none">
             Module {(eventType.order as number) + 1}
           </div>
           {event && (
@@ -62,9 +62,7 @@ const ModuleCard = ({
       titleClassName="sm:pl-8 border-0 my-0 pr-6 sm:pr-10"
     >
       {eventType.content && (
-        <DirtyHtml className="-my-1 px-4 sm:px-8">
-          {eventType.content}
-        </DirtyHtml>
+        <DirtyHtml className="px-4 sm:px-8">{eventType.content}</DirtyHtml>
       )}
       {(event || (!isPublic && !isArchived)) && (
         <EventForm