From d9051d3abadc398df864d7745abd05d44070317a Mon Sep 17 00:00:00 2001
From: Dhairya Majmudar <2022kuec2045@iiitkota.ac.in>
Date: Fri, 24 May 2024 19:33:10 +0530
Subject: [PATCH 1/2] fixing text size

---
 components/StyledMarkdown.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/StyledMarkdown.tsx b/components/StyledMarkdown.tsx
index 11631883f..33df1d827 100644
--- a/components/StyledMarkdown.tsx
+++ b/components/StyledMarkdown.tsx
@@ -530,7 +530,7 @@ export function TableOfContentMarkdown({
               return (
                 <a
                   href={`#${slug}`}
-                  className='block cursor-pointer mb-3 text-sm leading-4 ml-[-0.40rem] font-bold'
+                  className='block cursor-pointer mb-3 max-sm:text-sm text-base leading-4 ml-[-0.40rem] font-bold'
                 >
                   <span className='mr-1 text-blue-400 text-[1.5em]'>
                     &#9679;
@@ -546,7 +546,7 @@ export function TableOfContentMarkdown({
               return (
                 <a
                   href={`#${slug}`}
-                  className='block cursor-pointer mb-3 text-sm leading-4 -ml-[7px] font-bold'
+                  className='block cursor-pointer mb-3 max-sm:text-sm text-base leading-4 -ml-[7px] font-bold'
                 >
                   <span className='mr-1 text-blue-400 text-[1em]'>&#9679;</span>
                   {children}
@@ -563,9 +563,9 @@ export function TableOfContentMarkdown({
                     return (
                       <a
                         href={`#${slug}`}
-                        className='flex flex-row items-center cursor-pointer mb-3 text-sm leading-4 ml-[-0.15rem]'
+                        className='flex flex-row items-center cursor-pointer mb-3 max-sm:text-sm text-base leading-4 ml-[-0.15rem]'
                       >
-                        <span className='text-blue-400 text-[0.29em] ml-1'>
+                        <span className='text-blue-400 text-[0.29em] ml-1 max-sm:w-[18px]'>
                           &#9679; &#9679; &#9679; &#9679;
                         </span>
                         <span className='mr-1 text-blue-400 text-[0.75em]'>
@@ -586,9 +586,9 @@ export function TableOfContentMarkdown({
                     return (
                       <a
                         href={`#${slug}`}
-                        className='flex flex-row items-center cursor-pointer mb-3 text-sm leading-4 ml-[-0.15rem] '
+                        className='flex flex-row items-center cursor-pointer mb-3 max-sm:text-sm text-base leading-4 ml-[-0.15rem]'
                       >
-                        <span className='text-blue-400 text-[0.35em] ml-1'>
+                        <span className='text-blue-400 text-[0.35em] ml-1 max-sm:w-[60px]'>
                           &#9679; &#9679; &#9679; &#9679; &#9679; &#9679;
                           &#9679; &#9679; &#9679; &#9679; &#9679;
                         </span>

From a966265085ddc98fa306fc22a1cc1f1e675867ad Mon Sep 17 00:00:00 2001
From: Dhairya Majmudar <2022kuec2045@iiitkota.ac.in>
Date: Sat, 25 May 2024 09:39:50 +0530
Subject: [PATCH 2/2] resizing dots

---
 components/StyledMarkdown.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/StyledMarkdown.tsx b/components/StyledMarkdown.tsx
index 33df1d827..393a68f92 100644
--- a/components/StyledMarkdown.tsx
+++ b/components/StyledMarkdown.tsx
@@ -546,7 +546,7 @@ export function TableOfContentMarkdown({
               return (
                 <a
                   href={`#${slug}`}
-                  className='block cursor-pointer mb-3 max-sm:text-sm text-base leading-4 -ml-[7px] font-bold'
+                  className='block cursor-pointer mb-3 max-sm:text-sm text-base leading-4 -ml-[9px] max-sm:-ml-[7px] font-bold'
                 >
                   <span className='mr-1 text-blue-400 text-[1em]'>&#9679;</span>
                   {children}
@@ -565,7 +565,7 @@ export function TableOfContentMarkdown({
                         href={`#${slug}`}
                         className='flex flex-row items-center cursor-pointer mb-3 max-sm:text-sm text-base leading-4 ml-[-0.15rem]'
                       >
-                        <span className='text-blue-400 text-[0.29em] ml-1 max-sm:w-[18px]'>
+                        <span className='text-blue-400 text-[0.28em] ml-1 max-sm:w-[18px]'>
                           &#9679; &#9679; &#9679; &#9679;
                         </span>
                         <span className='mr-1 text-blue-400 text-[0.75em]'>
@@ -588,7 +588,7 @@ export function TableOfContentMarkdown({
                         href={`#${slug}`}
                         className='flex flex-row items-center cursor-pointer mb-3 max-sm:text-sm text-base leading-4 ml-[-0.15rem]'
                       >
-                        <span className='text-blue-400 text-[0.35em] ml-1 max-sm:w-[60px]'>
+                        <span className='text-blue-400 text-[0.28em] ml-1 max-sm:w-[48px]'>
                           &#9679; &#9679; &#9679; &#9679; &#9679; &#9679;
                           &#9679; &#9679; &#9679; &#9679; &#9679;
                         </span>