CSS style Wide Github

wide-github.css

/* CSS edited from firefox addon https://addons.mozilla.org/en-US/firefox/addon/widegithub/ */

body #js-repo-pjax-container .repository-content .discussion-timeline,
body .repository-content .capped-card-content {
  width: 100% !important;
}

body .application-main .container {
  margin-left: 0 !important;
  min-width: 980px;
  padding-left: 16px !important;
  padding-right: 16px !important;
  width: auto !important;
}

body .application-main .container-lg,
body .footer.container-lg {
  margin-left: 0 !important;
  max-width: none !important;
}

body .application-main .container-xl,
body .gist-content-wrapper .container-lg {
  max-width: none !important;
}

body .gist-content-wrapper .container {
  margin-left: 20px !important;
  margin-right: 20px !important;
  min-width: 980px;
  width: auto !important;
}

body .gist-content-wrapper .container-lg .h-card {
  width: 252px !important;
}

body .pr-toolbar {
  margin-left: -16px !important;
  margin-right: -16px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

body .repository-content .inline-comments .comment-holder,
body .repository-content .inline-comments .inline-comment-form-container,
body .repository-content #all_commit_comments .commit-comments-heading,
body .repository-content #all_commit_comments .comment-holder {
  max-width: inherit !important;
}

body .repository-content .timeline-new-comment {
  max-width: 100% !important;
}

@media screen and (min-width: 767px) {
  body .repository-content .inline-comments .inline-comment-form {
    max-width: calc(100vw - 96px) !important;
  }
}