From 3cfca8f30255a23f9591d88b677ec5ee1197f06f Mon Sep 17 00:00:00 2001
From: Bryan Kok <bryan.wyern1@gmail.com>
Date: Mon, 8 Mar 2021 00:38:14 +0800
Subject: [PATCH] Increase size of chracter cells, disable bolding #22

---
 src/components/ComponentsPage/index.tsx             | 4 ++--
 src/components/ComponentsScrollComponents/index.tsx | 2 +-
 src/components/IndividualComponentCell/index.tsx    | 4 ++--
 src/components/ResultsPage/index.tsx                | 4 ++--
 src/utils.ts                                        | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/ComponentsPage/index.tsx b/src/components/ComponentsPage/index.tsx
index 01e86a6..573036f 100644
--- a/src/components/ComponentsPage/index.tsx
+++ b/src/components/ComponentsPage/index.tsx
@@ -324,7 +324,7 @@ function ComponentsPage(props: {
                   }}
                   style={{
                     color: darkMode ? "white" : "black",
-                    fontWeight: "bold",
+                    // fontWeight: "bold",
                   }}
                   outerElementType={outerElementType}
                   // outerRef={listOuterRef}
@@ -337,7 +337,7 @@ function ComponentsPage(props: {
                     handleRadicalClick,
                   }}
                   itemCount={arrayified.length}
-                  itemSize={40}
+                  itemSize={45}
                   width={width}
                 >
                   {ComponentPickerRow}
diff --git a/src/components/ComponentsScrollComponents/index.tsx b/src/components/ComponentsScrollComponents/index.tsx
index 5646567..3b8e89d 100644
--- a/src/components/ComponentsScrollComponents/index.tsx
+++ b/src/components/ComponentsScrollComponents/index.tsx
@@ -46,7 +46,7 @@ const HeaderRow = styled.div`
 `;
 
 const NormalRow = styled.div`
-  font-size: 1.4em;
+  font-size: 1.7em;
   // padding-left: 5px;
   // padding-right: 5px;
   display: flex;
diff --git a/src/components/IndividualComponentCell/index.tsx b/src/components/IndividualComponentCell/index.tsx
index d91573c..bc4efae 100644
--- a/src/components/IndividualComponentCell/index.tsx
+++ b/src/components/IndividualComponentCell/index.tsx
@@ -57,8 +57,8 @@ const IndividualComponentCell = withTheme(styled("div") <{
   darkMode?: boolean;
   characterVariantLocales?: string;
 }>`
-  width: 27px;
-  height: 27px;
+  width: 35px;
+  height: 35px;
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/src/components/ResultsPage/index.tsx b/src/components/ResultsPage/index.tsx
index cfb66e5..c9fd386 100644
--- a/src/components/ResultsPage/index.tsx
+++ b/src/components/ResultsPage/index.tsx
@@ -186,7 +186,7 @@ function ResultsPage(props: {
                     }}
                     style={{
                       color: darkMode ? "white" : "black",
-                      fontWeight: "bold",
+                      // fontWeight: "bold",
                     }}
                     outerElementType={outerElementType}
                     // outerRef={listOuterRef}
@@ -199,7 +199,7 @@ function ResultsPage(props: {
                       handleRadicalClick,
                     }}
                     itemCount={arrayified.length}
-                    itemSize={40}
+                    itemSize={45}
                     width={width}
                   >
                     {ComponentPickerRow}
diff --git a/src/utils.ts b/src/utils.ts
index 34e09fe..1249792 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -39,7 +39,7 @@ export function useWindowDimensions() {
 }
 
 export const getRadicalsPerRow = (windowWidth: number): number => {
-  return Math.trunc(windowWidth / 40);
+  return Math.trunc(windowWidth / 50);
 };
 
 export function isCJK(idsChar: string) {