diff options
| -rw-r--r-- | frontend/src/components/NewPaste.js | 2 | ||||
| -rw-r--r-- | frontend/src/components/Options.js | 5 | ||||
| -rw-r--r-- | frontend/src/css/index.css | 6 |
3 files changed, 12 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 { diff --git a/frontend/src/css/index.css b/frontend/src/css/index.css index e654c2b..da345d7 100644 --- a/frontend/src/css/index.css +++ b/frontend/src/css/index.css @@ -1,3 +1,9 @@ +@media all and (max-width: 1000px) { + .lt-content-column { + padding: 0 calc(5vw + 1em) 0 5vw !important; + } +} + body { margin: 0; padding: 0; |