bug fixes

Author: abhitrueprogrammer

src/components/Card.tsx

@@ -56,7 +56,7 @@ const Card = ({
   return (
     <div
       key={paper._id}
-      className={`mb-2 flex w-[65%] flex-col justify-between space-y-1 rounded-xl border-2 border-black bg-white hover:border-[#434dba] dark:border-[#434dba] dark:bg-black dark:hover:border-white md:w-64  ${checked ? "bg-[#EEF2FF] dark:bg-[#050b1f]" : ""}  p-4 `}
+      className={`mb-2 flex w-[70%] flex-col justify-between space-y-1 rounded-xl border-2 border-black bg-white hover:border-[#434dba] dark:border-[#434dba] dark:bg-black dark:hover:border-white md:w-64  ${checked ? "bg-[#EEF2FF] dark:bg-[#050b1f]" : ""}  p-4 `}
     >
       <Link
         href={`/paper/${paper._id}`}

src/components/PreviewCard.tsx

@@ -29,17 +29,19 @@ const PreviewCard = ({ paper }: { paper: IPaper }) => {
           className="mb-2 h-[156px] w-full object-cover md:h-[170px]"
         />
 
-        <div className="flex h-28 flex-col justify-center space-y-2">
+        <div className="flex h-25 flex-col justify-center space-y-2">
           <div className="font-sans text-sm font-medium">
             {extractBracketContent(paper.subject)}
           </div>
           <div className="cursor-pointer font-sans text-base font-semibold">
             {extractWithoutBracketContent(paper.subject)}
           </div>
-          <div className="flex gap-2">
+          <div className="flex flex-wrap gap-2">
             {capsule(paper.exam)}
             {capsule(paper.slot)}
             {capsule(paper.year)}
+            {capsule(paper.semester)}
+
           </div>
         </div>
       </Link>