<commit_before>import React, {Component} from 'react';
import styled from 'styled-components';

//Style the modal properly, you dumbfuck

const ModalContainer = styled.div`
 position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: palevioletred;
  width: 35%;
  height: 75%;
  z-index: 9999;
`;
const HeaderDiv = styled.div`
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    background: papayawhip;
    padding: 10px;
`;
const CloseButton = styled.img`
    position: fixed;
    right: 0;
    top: 0;
    height: 15px;
    width: 15px;
    padding: 10px;
    border: none;
`; 

export default class ShowPost extends Component{

    render(){
        return(
            <ModalContainer>
                <HeaderDiv>
                    <h1>Hello World!</h1>
                    <CloseButton />
                </HeaderDiv>
            </ModalContainer>
        );
    }
}<commit_msg>make it better<commit_after>import React, {Component} from 'react';
import styled from 'styled-components';

//Style the modal properly, you dumbfuck

const ModalContainer = styled.div`
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: palevioletred;
    width: 90%;
    height: 90%;
    z-index: 9999;
    @media only screen and (min-width: 768px) {
    width: 35%;
    height: 75%;
    }

`;
const HeaderDiv = styled.div`
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    background: papayawhip;
    padding: 10px;
    position: relative;
    font-size: 1.5vw;
`;
const CloseButton = styled.img`
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
    width: auto;
    max-width:30px;
    max-height: 30px;
    padding: 10px;
    border: none;
`; 

export default class ShowPost extends Component{

    render(){
        return(
            <ModalContainer>
                <HeaderDiv>
                    <h1>Hello World!</h1>
                    <CloseButton src="../static/close.png" />
                </HeaderDiv>
            </ModalContainer>
        );
    }
}
{'fraction_non_alphanumeric': 0.12517848643503093, 'fraction_numerical': 0.033793431699190864, 'mean_word_length': 2.1420029895366217, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 17, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3602056', 'n_tokens_mistral': 735, 'n_tokens_neox': 658, 'n_words': 180}