improved layouting / overlapping text and icon

tegonal · Dec 18, 2024 · 26dfab2 · 26dfab2
1 parent db39e13
commit 26dfab2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/app/cv/[id]/(lib)/components/highlight.tsx b/src/app/cv/[id]/(lib)/components/highlight.tsx
@@ -10,8 +10,8 @@ type Props = {
 export const HighlightEntry: React.FC<Props> = ({ title, subtitle, description }) => {
   return (
     <div className={'no-page-break relative rounded border-l-8 border-l-lime-600 bg-gray-100 p-2'}>
-      <p className={'font-bold'}>{title}</p>
-      <p className={'text-xs'}>{subtitle}</p>
+      <p className={'pr-8 font-bold'}>{title}</p>
+      <p className={'pr-8 text-xs'}>{subtitle}</p>
       <div>
         <PayloadLexicalReactRenderer content={description} />
       </div>

diff --git a/src/app/cv/[id]/page.tsx b/src/app/cv/[id]/page.tsx
@@ -263,7 +263,7 @@ const Page = async ({ params, searchParams }: Args) => {
                   <div className={'flex flex-col gap-1'}>
                     <h3>{(group.group as SkillGroup).name}</h3>
                     {group.skillGroupDescription && (
-                      <div className={'text-xs'}>
+                      <div className={'small mb-0.5'}>
                         <PayloadLexicalReactRenderer content={group.skillGroupDescription as any} />
                       </div>
                     )}