From de61ac85e7b8c9b9a1102f7aa4f0313a6afbc078 Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Tue, 26 May 2020 23:00:26 -0700
Subject: make mobile less ass

---
 frontend/src/components/NewPaste.js | 2 +-
 frontend/src/components/Options.js  | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

(limited to 'frontend/src/components')

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 {
-- 
cgit v1.2.3