Merge pull request #61 from ChainSafe/irubido/smallCssImprovments

balances card column for smaller screen width, added missing cursor-pointer

Author: Lykhoyda

packages/snap/snap.manifest.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/template-snap-monorepo.git"
   },
   "source": {
-    "shasum": "SA1fH7ay1ietGUsIELeD6rgpMuXu/rusR65jSdjCBrk=",
+    "shasum": "H66kPf5KzVuH2Wh122uNoA/nMaSXORtaHfgw8z8u71o=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",

packages/web-wallet/src/components/CopyButton/CopyButton.tsx

@@ -31,7 +31,7 @@ const CopyButton: React.FC<CopyButtonProps> = ({ textToCopy }) => {
       )}
       <button
         onClick={handleCopy}
-        className="text-[#e27625] text-base font-semibold leading-normal"
+        className="text-[#e27625] text-base font-semibold leading-normal cursor-pointer"
       >
         copy
       </button>

packages/web-wallet/src/pages/AccountSummary.tsx

@@ -59,7 +59,7 @@ function AccountSummary() {
         </div>
       </div>
       <div
-        className={'rounded-2xl justify-start items-center gap-6 inline-flex'}
+        className={'rounded-2xl justify-start items-center gap-6 flex flex-col min-[1000px]:flex-row'}
       >
         {BalanceCards.map((card) => renderBalanceCard(card))}
       </div>

packages/web-wallet/src/pages/Receive/Tab.tsx

@@ -13,7 +13,7 @@ const Tab: React.FC<TabProps> = ({ label, isActive, onClick }) => {
     <div
       onClick={onClick}
       className={cn(
-        'px-4 py-2 justify-center items-center gap-1.5 flex rounded-3xl',
+        'px-4 py-2 justify-center items-center gap-1.5 flex rounded-3xl cursor-pointer',
         {
           'bg-[#e8e8e8] text-black font-semibold': isActive,
           'bg-transparent text-[#afafaf]': !isActive,

packages/web-wallet/src/pages/TransferBalance/Step1.tsx

@@ -167,7 +167,7 @@ function Step1({
           </div>
         )}
         <div className="justify-start items-start inline-flex">
-          <Button onClick={() => handleContinue()} label="Continue" />
+          <Button classNames='cursor-pointer' onClick={() => handleContinue()} label="Continue" />
         </div>
       </div>
     </div>