From 934d6821a77c151ea9c19cc90e87c51e1affcbf8 Mon Sep 17 00:00:00 2001 From: Mordechai1323 <112948082+Mordechai1323@users.noreply.github.com> Date: Mon, 18 Sep 2023 00:12:14 +0300 Subject: [PATCH 1/2] Fixed resolve input misalignment issue --- src/pages/components/Label.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/components/Label.tsx b/src/pages/components/Label.tsx index c5396437..1e927413 100644 --- a/src/pages/components/Label.tsx +++ b/src/pages/components/Label.tsx @@ -2,7 +2,7 @@ import React from 'react' import styled from 'styled-components' const StyledDiv = styled.div` - min-width: 80px; + min-width: 115px; ` type LabelProps = { From ef86d3a27a709515d7d13dbdec43e8b0e0a6dcde Mon Sep 17 00:00:00 2001 From: Mordechai1323 <112948082+Mordechai1323@users.noreply.github.com> Date: Sat, 23 Sep 2023 15:36:03 +0300 Subject: [PATCH 2/2] Fixed resolve input misalignment issue --- src/pages/components/Label.tsx | 2 +- src/pages/components/Row.tsx | 2 ++ 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/pages/components/Label.tsx b/src/pages/components/Label.tsx index 1e927413..a806e956 100644 --- a/src/pages/components/Label.tsx +++ b/src/pages/components/Label.tsx @@ -2,7 +2,7 @@ import React from 'react' import styled from 'styled-components' const StyledDiv = styled.div` - min-width: 115px; + /* min-width: 80px; */ ` type LabelProps = { diff --git a/src/pages/components/Row.tsx b/src/pages/components/Row.tsx index faffea89..073b9ae3 100644 --- a/src/pages/components/Row.tsx +++ b/src/pages/components/Row.tsx @@ -2,7 +2,9 @@ import styled from 'styled-components' import { MARGIN_MEDIUM } from 'src/resources/sizes' export const Row = styled.div` + width: 40%; display: flex; + justify-content: space-between; flex-direction: row; gap: ${MARGIN_MEDIUM}px; align-items: center;