message: Tidy up/alignment changes to problems ui
diff: @@ -29,24 +29,6 @@ const Problem = ({ problem, display }) => {
  </div>
  </Accordion>
  )}
  - {display === "slug" && (
  - <div className="problem-wrapper">
  - <div className="problem-header details">
  - <div>
  - <label>ID</label>
  - <p>{problem.id}</p>
  - </div>
  - <div>
  - <label>Created</label>
  - <p>{problem.created}</p>
  - </div>
  - <div>
  - <label>Status</label>
  - <p>-</p>
  - </div>
  - </div>
  - </div>
  - )}
  <style jsx>{`
  .problem-header {
  display: flex;
  