From 3e8500d466b641ef34c24f8b0de8163a44ba7a9e Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Fri, 5 Mar 2021 22:17:18 -0800
Subject: refactoring css

---
 frontend/src/components/Options.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'frontend/src/components/Options.js')

diff --git a/frontend/src/components/Options.js b/frontend/src/components/Options.js
index 09f92f3..fb7e88c 100644
--- a/frontend/src/components/Options.js
+++ b/frontend/src/components/Options.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components'
-import { PassInput, ExpiryInput, LangInput } from './Inputs'
+import { Password, Expiry, Language } from './Inputs'
 
 const Flex = styled.div`
     float: right;
@@ -17,15 +17,15 @@ const Flex = styled.div`
 const OptionsContainer = ({pass, lang, expiry, onPassChange, onLangChange, onExpiryChange}) => {
     return (
         <Flex>
-            <PassInput
+            <Password
                 value={pass}
                 onChange={onPassChange}
                 id="passwordInput" />
-            <LangInput
+            <Language
                 value={lang}
                 onChange={onLangChange}
                 id="langInput" />
-            <ExpiryInput
+            <Expiry
                 value={expiry}
                 onChange={onExpiryChange}
                 id="expiryInput" />
-- 
cgit v1.2.3


From 6c974b237a9b7a8bd8f294d210157e19acf4c7fe Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Fri, 5 Mar 2021 23:50:11 -0800
Subject: button styling

---
 frontend/src/components/Options.js | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'frontend/src/components/Options.js')

diff --git a/frontend/src/components/Options.js b/frontend/src/components/Options.js
index fb7e88c..eeb79ed 100644
--- a/frontend/src/components/Options.js
+++ b/frontend/src/components/Options.js
@@ -7,6 +7,10 @@ const Flex = styled.div`
     display: flex;
     flex-direction: row;
     transform: translateY(0.2em);
+    
+    & > *:not(:first-child) {
+      margin-left: 2em;
+    }
 
     @media (max-width: 850px) {
         float: none !important;
-- 
cgit v1.2.3


From dbf726d9e021a692254defdab8b993063b15354f Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Sat, 6 Mar 2021 16:09:51 -0800
Subject: update watermark styling

---
 frontend/src/components/Options.js | 1 -
 1 file changed, 1 deletion(-)

(limited to 'frontend/src/components/Options.js')

diff --git a/frontend/src/components/Options.js b/frontend/src/components/Options.js
index eeb79ed..97d3127 100644
--- a/frontend/src/components/Options.js
+++ b/frontend/src/components/Options.js
@@ -14,7 +14,6 @@ const Flex = styled.div`
 
     @media (max-width: 850px) {
         float: none !important;
-        transform: translateX(-2em);
     }
 `
 
-- 
cgit v1.2.3