diff --git a/frontend/src/components/atoms/Button/index.js b/frontend/src/components/atoms/Button/index.js index 280fcd6..456933c 100644 --- a/frontend/src/components/atoms/Button/index.js +++ b/frontend/src/components/atoms/Button/index.js @@ -15,6 +15,7 @@ const Button = styled.button` padding: 4px 15px; width: 100%; max-width: 224px; + z-index: 1; ` const LightButton = styled(Button)` diff --git a/frontend/src/components/atoms/Header/index.js b/frontend/src/components/atoms/Header/index.js index 1c6ddca..6dd83d8 100644 --- a/frontend/src/components/atoms/Header/index.js +++ b/frontend/src/components/atoms/Header/index.js @@ -10,6 +10,7 @@ const Wrapper = styled.div` position: fixed; top: 0; width: 100%; + z-index: 2; ` const Header = (props) => ( diff --git a/frontend/src/components/organisms/PaymentForm/index.js b/frontend/src/components/organisms/PaymentForm/index.js index 2e54a8a..8d43ce8 100644 --- a/frontend/src/components/organisms/PaymentForm/index.js +++ b/frontend/src/components/organisms/PaymentForm/index.js @@ -4,7 +4,7 @@ import styled from 'styled-components' import { Link, } from 'react-router-dom' import { Form, Field, } from 'redux-form' -import { Block, Button, FieldWithLabel, Input, Select, TwoLineBlock, } from 'components' +import { Block, Button, FieldWithLabel, Input, LinkButton, Select, TwoLineBlock, } from 'components' const SimpleInput = props => @@ -37,7 +37,8 @@ const PaymentForm = ({ handleSubmit, room, members, payment, amountLeft, total,
diff --git a/frontend/src/components/pages/RoomPage/index.js b/frontend/src/components/pages/RoomPage/index.js index 1762e0a..ffd7a02 100644 --- a/frontend/src/components/pages/RoomPage/index.js +++ b/frontend/src/components/pages/RoomPage/index.js @@ -1,6 +1,7 @@ import React from 'react' import styled from 'styled-components' import PropTypes from 'prop-types' +import { CopyToClipboard } from 'react-copy-to-clipboard' import { Block, Button, Graph, List, LinkButton, ListItem, Header } from 'components' import { MemberList, PaymentList } from 'containers' @@ -47,8 +48,11 @@ const RoomPage = props => { return (