diff options
| author | Siddhant Khare <[email protected]> | 2021-04-14 22:34:21 +0530 |
|---|---|---|
| committer | Siddhant Khare <[email protected]> | 2021-04-14 22:34:21 +0530 |
| commit | b8b1d6de343eb09a1906e17eec5261c684e5fef0 (patch) | |
| tree | f08a0b5e38d2db739f8ce95cbeda065e2a0b0322 | |
| parent | removed bottom attribute (diff) | |
| download | ctrl-v-b8b1d6de343eb09a1906e17eec5261c684e5fef0.tar.xz ctrl-v-b8b1d6de343eb09a1906e17eec5261c684e5fef0.zip | |
Added Requested CSS chnages to fix textBox
| -rw-r--r-- | frontend/src/components/Options.js | 14 |
1 files changed, 5 insertions, 9 deletions
diff --git a/frontend/src/components/Options.js b/frontend/src/components/Options.js index 25484e3..3c55a20 100644 --- a/frontend/src/components/Options.js +++ b/frontend/src/components/Options.js @@ -8,20 +8,16 @@ const Flex = styled.div` flex-direction: row; transform: translateY(0.2em); - & > *:not(:first-child) { - margin-left: 2em; + @media (min-width: 650px) { + & > *:not(:first-child) { + margin-left: 2em; + } } - @media (max-width: 850px) { - position: auto; - display: inline-flex; - } @media (max-width: 650px) { position: relative; float: none !important; - width: 100%; - display: inline-table; - text-align: center; + flex-direction: column; } `; |