Make blob viewer for rich contents wider for mobile

app/assets/stylesheets/pages/repo.scss

@@ -43,8 +43,10 @@
   display: inline-block;
 }
 
-.blob-viewer[data-type="rich"] {
+@media (min-width: $screen-md-min) {
+  .blob-viewer[data-type="rich"] {
     margin: 20px;
+  }
 }
 
 .repository-view {

changelogs/unreleased/37368-blob-viewer-on-mobile.yml

+---
+title: Make blob viewer for rich contents wider for mobile
+merge_request: 14011
+author: Takuya Noguchi
+type: fixed