From aa78768877164e3ff6bef1f5ee5116a88087974e Mon Sep 17 00:00:00 2001
From: Kirill <112247196+kirabortz@users.noreply.github.com>
Date: Wed, 29 May 2024 22:18:51 +0300
Subject: [PATCH] Style fixing#219 (#224)

* Fix width container

* fix Tab on learnBtn
---
 .../Auth/CheckEmail/checkEmail.module.scss    | 16 ++++-----
 .../SingleRowDeck/SingleRowDeck.tsx           | 34 +++++++++----------
 2 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/src/Pages/Auth/CheckEmail/checkEmail.module.scss b/src/Pages/Auth/CheckEmail/checkEmail.module.scss
index 023b613e..35560b2d 100644
--- a/src/Pages/Auth/CheckEmail/checkEmail.module.scss
+++ b/src/Pages/Auth/CheckEmail/checkEmail.module.scss
@@ -1,21 +1,21 @@
 .container {
-  max-width: 420px;
-  margin: 0 auto;
+  width: 420px;
   height: 408px;
+  margin: 0 auto;
   padding-top: 37px;
 
   .content {
-    padding: 37px 36px 48px;
     display: flex;
-    flex-direction:column;
-    row-gap: 0;
-    column-gap: 0;
+    flex-direction: column;
+    gap: 0 0;
     align-items: center;
     justify-content: flex-start;
 
+    padding: 37px 36px 48px;
+
     .typographyHead {
-      font-size: var(--font-size-xxl);
       margin-bottom: 30px;
+      font-size: var(--font-size-xxl);
     }
 
     .imageContainer {
@@ -42,4 +42,4 @@
       text-decoration: none;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/TableComponent/SingleRowDeck/SingleRowDeck.tsx b/src/components/TableComponent/SingleRowDeck/SingleRowDeck.tsx
index d2e54591..490c0cc2 100644
--- a/src/components/TableComponent/SingleRowDeck/SingleRowDeck.tsx
+++ b/src/components/TableComponent/SingleRowDeck/SingleRowDeck.tsx
@@ -51,16 +51,16 @@ export const SingleRowDeck = ({ item }: Props) => {
               <Button className={s.btn} onClick={() => setIsUpdateModal(true)}>
                 <Edit2Outline className={s.Edit2Outline} />
               </Button>
-
-              <Button className={s.btn} disabled={item.cardsCount === 0}>
-                {item.cardsCount === 0 ? (
+              {item.cardsCount === 0 ? (
+                <Button className={s.btn} disabled={item.cardsCount === 0}>
                   <PlayCircleOutline className={`${s.playCircleOutline} ${s.disabled}`} />
-                ) : (
-                  <Link to={`${path.decks}/${item.id}${path.learn}`}>
-                    <PlayCircleOutline className={s.playCircleOutline} />
-                  </Link>
-                )}
-              </Button>
+                </Button>
+              ) : (
+                <Button as={'a'} className={s.btn} href={`${path.decks}/${item.id}${path.learn}`}>
+                  <PlayCircleOutline className={s.playCircleOutline} />
+                </Button>
+              )}
+
               <Button
                 className={s.btn}
                 onClick={() => {
@@ -72,15 +72,15 @@ export const SingleRowDeck = ({ item }: Props) => {
             </div>
           ) : (
             <div className={s.iconBtns}>
-              <Button className={s.btn} disabled={item.cardsCount === 0}>
-                {item.cardsCount === 0 ? (
+              {item.cardsCount === 0 ? (
+                <Button className={s.btn} disabled={item.cardsCount === 0}>
                   <PlayCircleOutline className={`${s.playCircleOutline} ${s.disabled}`} />
-                ) : (
-                  <Link to={`${path.decks}/${item.id}${path.learn}`}>
-                    <PlayCircleOutline className={s.playCircleOutline} />
-                  </Link>
-                )}
-              </Button>
+                </Button>
+              ) : (
+                <Button as={'a'} className={s.btn} href={`${path.decks}/${item.id}${path.learn}`}>
+                  <PlayCircleOutline className={s.playCircleOutline} />
+                </Button>
+              )}
             </div>
           )}
         </Table.Cell>