MED-197: improve analysis compare page

packages/shared/src/components/package-header.tsx

@@ -18,14 +18,16 @@ export const PackageHeader = ({
   return (
     <div className="space-y-1 text-center">
       <p className="text-sm sm:text-lg sm:font-medium">{title}</p>
-      <h2 className="text-xl sm:text-4xl">
+      <h2 className="xs:text-xl text-lg sm:text-4xl">
         {formatCurrency({
           currencyCode: 'eur',
           locale: language,
           value: price,
         })}
       </h2>
-      <Badge className={cn('text-xs', tagColor)}>{analysesNr}</Badge>
+      <Badge className={cn('xs:text-xs text-[10px]', tagColor)}>
+        {analysesNr}
+      </Badge>
     </div>
   );
 };

packages/shared/src/components/select-analysis-package.tsx

@@ -117,6 +117,7 @@ export default function SelectAnalysisPackage({
         <Button
           className="w-full text-[10px] sm:text-sm"
           onClick={handleSelect}
+          disabled={isAddingToCart}
         >
           {isAddingToCart ? (
             <Spinner />