diff options
| author | Ryan Mehri <[email protected]> | 2020-05-27 10:00:44 -0600 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-05-27 10:00:44 -0600 |
| commit | a2c841c10e48d27b9cdfdb96065349f8e72c042d (patch) | |
| tree | f04e0153a6cdd56abd113e9cdbb92e1fe0a89ec2 /frontend/src/components | |
| parent | Merge pull request #40 from jackyzha0/add-tab-support (diff) | |
| parent | remove redundant media query (diff) | |
| download | ctrl-v-a2c841c10e48d27b9cdfdb96065349f8e72c042d.tar.xz ctrl-v-a2c841c10e48d27b9cdfdb96065349f8e72c042d.zip | |
Merge pull request #41 from jackyzha0/mobile-improvements
mobile improvements
Diffstat (limited to 'frontend/src/components')
| -rw-r--r-- | frontend/src/components/NewPaste.js | 2 | ||||
| -rw-r--r-- | frontend/src/components/Options.js | 5 |
2 files changed, 6 insertions, 1 deletions
diff --git a/frontend/src/components/NewPaste.js b/frontend/src/components/NewPaste.js index 55e9c93..f332be0 100644 --- a/frontend/src/components/NewPaste.js +++ b/frontend/src/components/NewPaste.js @@ -21,7 +21,7 @@ const Flex = styled.div` ` const FlexLeft = styled.div` - flex: 0 0 50%; + flex: 0 0 calc(50% - 1em - 2px); ` const FlexRight = styled.div` diff --git a/frontend/src/components/Options.js b/frontend/src/components/Options.js index f874c35..26391c1 100644 --- a/frontend/src/components/Options.js +++ b/frontend/src/components/Options.js @@ -7,6 +7,11 @@ const Flex = styled.div` display: flex; flex-direction: row; transform: translateY(0.2em); + + @media (max-width: 850px) { + float: none !important; + transform: translateX(-2em); + } ` class OptionsContainer extends React.Component { |