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) {