From d139282fd8a337325bff9c8220b5b87508aa7d58 Mon Sep 17 00:00:00 2001
From: Amr Salama <amr.mo.salama@gmail.com>
Date: Thu, 13 Feb 2020 21:28:33 +0200
Subject: [PATCH] feat: enhance cells counter

---
 src/Components/BoardCell/BoardCell.js | 4 +++-
 src/Components/BoardCell/styles.js    | 5 +++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/Components/BoardCell/BoardCell.js b/src/Components/BoardCell/BoardCell.js
index c4d6bac..291bdbd 100644
--- a/src/Components/BoardCell/BoardCell.js
+++ b/src/Components/BoardCell/BoardCell.js
@@ -33,7 +33,9 @@ class BoardCell extends React.Component {
           {verdict !== undefined ? (
             <>
               <div>{verdict}</div>
-              <div>{triesBeforeAC ? `+${triesBeforeAC}` : ""}</div>
+              <div className="tries-before-ac">
+                {triesBeforeAC ? `+${triesBeforeAC}` : ""}
+              </div>
               <div
                 className="list"
                 style={{
diff --git a/src/Components/BoardCell/styles.js b/src/Components/BoardCell/styles.js
index b33b65d..0d564d0 100644
--- a/src/Components/BoardCell/styles.js
+++ b/src/Components/BoardCell/styles.js
@@ -43,6 +43,11 @@ export default css`
     font-size: 16px;
   }
 
+  .board-cell .tries-before-ac {
+    font-size: 10px;
+    margin-top: -2px;
+  }
+
   .list {
     position: absolute;
     z-index: 1;