import styled, { injectGlobal } from "styled-components"
import Button from "@material-ui/core/Button"
import { Link } from "react-router-dom"
import "typeface-roboto"

injectGlobal([
  `
    html {
        height: 100%;
    }
    body {
        margin: auto;
        height: 100%;
        font-family: Roboto, sans-serif;
        font-size: 14px;
        line-height: 1.42857;
        color: #333;
        background-color: #fff;
    }
`,
])

export const Root = styled.div`
  height: 100vh;
`

export const ReactVirtualizedTable = styled.div`
  .ReactVirtualized__Table__headerRow {
    background-color: #e5efff;
  }

  .ReactVirtualized__Table__Grid {
    margin: 0px auto;
  }
`

export const RouterLink = styled(Link)`
  color: #428bca;
  text-decoration: none;
`

export const Jumbotron = styled.div`
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
  text-align: center;

  h1 {
    color: inherit;
  }

  p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
  }
`

export const SaveButton = styled(Button)`
  && {
    width: 100%;
    background-color: #15317e;
  }
`

@@ -336,17 +336,17 @@
 -size: 1
-4
+6
 px;%0A    
@@ -441,249 +441,8 @@
 %5D)%0A%0A
-export const Root = styled.div%60%0A  height: 100vh;%0A%60%0A%0Aexport const ReactVirtualizedTable = styled.div%60%0A  .ReactVirtualized__Table__headerRow %7B%0A    background-color: #e5efff;%0A  %7D%0A%0A  .ReactVirtualized__Table__Grid %7B%0A    margin: 0px auto;%0A  %7D%0A%60%0A%0A
 expo

remove old react-virtualized styling