<commit_before>import { React, PropTypes, observer, styled, css } from 'vendor';
import TutorLink from './link';
import { colors } from 'theme';
import { Icon } from 'shared';
import { breakpoint } from 'theme';

const HeaderWrapper = styled.div`
  display: flex;
  flex-wrap: wrap;
  min-height: 55px;
  align-items: center;
  background-color: ${colors.white};
  border-bottom: 1px solid ${colors.neutral.pale};
  padding: 16px 24px 16px;
  ${breakpoint.tablet`
    padding: 16px ${breakpoint.margins.tablet};
  `}
  ${breakpoint.mobile`
    padding: 16px ${breakpoint.margins.mobile};
  `}

  > div {
    margin-bottom: 8px;
  }

  ${props => props.unDocked && css`
    background-color: ${colors.white};
  `}
`;

const StyledBackLink = styled.div`
  width: 100%;
  a {
    color: ${colors.link};
  }
  .ox-icon { margin-left: 0; }
`;

const StyledTitle = styled.h1`
  font-weight: bold;
  font-size: 3.6rem;
  line-height: 4rem;
  letter-spacing: -0.144rem;<commit_msg>fix header padding on desktop and tablet<commit_after>import { React, PropTypes, observer, styled, css } from 'vendor';
import TutorLink from './link';
import { colors } from 'theme';
import { Icon } from 'shared';
import { breakpoint } from 'theme';

const HeaderWrapper = styled.div`
  display: flex;
  flex-wrap: wrap;
  min-height: 55px;
  align-items: center;
  background-color: ${colors.white};
  border-bottom: 1px solid ${colors.neutral.pale};
  padding: 24px 32px;
  ${breakpoint.tablet`
    padding: 24px ${breakpoint.margins.tablet};
  `}
  ${breakpoint.mobile`
    padding: 16px ${breakpoint.margins.mobile};
  `}

  > div {
    margin-bottom: 8px;
  }

  ${props => props.unDocked && css`
    background-color: ${colors.white};
  `}
`;

const StyledBackLink = styled.div`
  width: 100%;
  a {
    color: ${colors.link};
  }
  .ox-icon { margin-left: 0; }
`;

const StyledTitle = styled.h1`
  font-weight: bold;
  font-size: 3.6rem;
  line-height: 4rem;
  letter-spacing: -0.144rem;
{'fraction_non_alphanumeric': 0.15752032520325204, 'fraction_numerical': 0.02540650406504065, 'mean_word_length': 3.5790697674418603, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '6250749', 'n_tokens_mistral': 759, 'n_tokens_neox': 707, 'n_words': 170}