From f937a88b9dd3e7f6e429bbf91d93285571679e32 Mon Sep 17 00:00:00 2001
From: Amruth Pillai <im.amruth@gmail.com>
Date: Thu, 27 Jul 2023 20:08:47 +0200
Subject: [PATCH] attempt to fix leafish template issues

---
 client/templates/Leafish/Leafish.module.scss  |  2 +-
 client/templates/Leafish/widgets/Heading.tsx  | 10 +++++-----
 client/templates/Leafish/widgets/Masthead.tsx |  2 +-
 client/templates/Leafish/widgets/Section.tsx  |  2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/client/templates/Leafish/Leafish.module.scss b/client/templates/Leafish/Leafish.module.scss
index 81ea0f52..b91d226f 100644
--- a/client/templates/Leafish/Leafish.module.scss
+++ b/client/templates/Leafish/Leafish.module.scss
@@ -1,5 +1,5 @@
 .container {
-  @apply grid grid-cols-2 gap-4 px-6 py-4 items-start;
+  @apply grid grid-cols-2 gap-4 mx-6 my-4 items-start;
 
   .main {
     @apply grid gap-4;
diff --git a/client/templates/Leafish/widgets/Heading.tsx b/client/templates/Leafish/widgets/Heading.tsx
index c72d2bc4..c2f5222a 100644
--- a/client/templates/Leafish/widgets/Heading.tsx
+++ b/client/templates/Leafish/widgets/Heading.tsx
@@ -1,5 +1,5 @@
-import { ThemeConfig } from 'schema';
 import get from 'lodash/get';
+import { ThemeConfig } from 'schema';
 
 import { useAppSelector } from '@/store/hooks';
 
@@ -7,12 +7,12 @@ const Heading: React.FC<React.PropsWithChildren<unknown>> = ({ children }) => {
   const theme: ThemeConfig = useAppSelector((state) => get(state.resume.present, 'metadata.theme', {} as ThemeConfig));
 
   return (
-    <h2
-      className="mb-2 pb-1 font-bold uppercase opacity-75"
-      style={{ borderBottomWidth: '3px', borderColor: theme.primary, color: theme.primary, display: 'inline-block' }}
+    <h3
+      className="mb-2 inline-block border-b-2 pb-1 font-bold uppercase opacity-75"
+      style={{ borderColor: theme.primary, color: theme.primary, display: 'inline-block' }}
     >
       {children}
-    </h2>
+    </h3>
   );
 };
 
diff --git a/client/templates/Leafish/widgets/Masthead.tsx b/client/templates/Leafish/widgets/Masthead.tsx
index ec3937cb..1df67988 100644
--- a/client/templates/Leafish/widgets/Masthead.tsx
+++ b/client/templates/Leafish/widgets/Masthead.tsx
@@ -1,8 +1,8 @@
 import { Cake, Email, Phone, Public, Room } from '@mui/icons-material';
 import { alpha } from '@mui/material';
-import { ThemeConfig } from 'schema';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
+import { ThemeConfig } from 'schema';
 
 import Markdown from '@/components/shared/Markdown';
 import { useAppSelector } from '@/store/hooks';
diff --git a/client/templates/Leafish/widgets/Section.tsx b/client/templates/Leafish/widgets/Section.tsx
index afa94ccf..e1e0fc96 100644
--- a/client/templates/Leafish/widgets/Section.tsx
+++ b/client/templates/Leafish/widgets/Section.tsx
@@ -1,9 +1,9 @@
 import { Email, Link, Phone } from '@mui/icons-material';
-import { ListItem, Section as SectionType } from 'schema';
 import get from 'lodash/get';
 import isArray from 'lodash/isArray';
 import isEmpty from 'lodash/isEmpty';
 import { useMemo } from 'react';
+import { ListItem, Section as SectionType } from 'schema';
 
 import Markdown from '@/components/shared/Markdown';
 import { useAppSelector } from '@/store/hooks';