...
 
Commits (2)
......@@ -45,8 +45,8 @@ const SelectedItems = ({ selection, onCloseClick }) => (
const MessageWrapper = styled.div`
${media.tabletPortraitUp`
position: absolute;
top: -60px;
right: 0;
top: calc(-${th('gridUnit')} * 7);
right: calc(${th('gridUnit')} * 2);
`};
`
const SuccessMessage = styled(MessageWrapper)`
......
import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'
import { th } from '@pubsweet/ui-toolkit'
import { th, media } from '@pubsweet/ui-toolkit'
import { Button } from '@pubsweet/ui'
const FlexWrapper = styled.div`
display: flex;
${media.tabletLandscapeUp`
margin-left: 16.666%;
margin-right: 16.666%;
`};
`
const CancelButton = styled(Button)`
......
......@@ -2,11 +2,15 @@ import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'
import { Icon, InputWithAddons } from '@pubsweet/ui'
import { media } from '@pubsweet/ui-toolkit'
import { personNamePropType } from './types'
const FlexBox = styled.div`
box-sizing: border-box;
display: flex;
${media.tabletPortraitUp`
width: 50%;
`};
`
class SearchBox extends React.Component {
......