Merge branch 'improve-readability' into 'master'

CHANGELOG

@@ -55,6 +55,7 @@ v 7.14.0 (unreleased)
   - Add a label for merged branches on branches page (Florent Baldino)
   - Detect .mkd and .mkdn files as markdown (Ben Boeckel)
   - Fix: User search feature in admin area does not respect filters
+  - Set max-width for README, issue and merge request description for easier read on big screens
 
 v 7.13.5
   - Satellites reverted

app/assets/stylesheets/base/variables.scss

@@ -13,6 +13,7 @@ $code_line_height: 1.5;
 $border-color: #E5E5E5;
 $background-color: #f5f5f5;
 $header-height: 50px;
+$readable-width: 1100px;
 
 
 /*

app/assets/stylesheets/pages/issuable.scss

@@ -45,3 +45,9 @@
 
   .btn { font-size: 13px; }
 }
+
+.issuable-details {
+  .description {
+    max-width: $readable-width;
+  }
+}

app/assets/stylesheets/pages/tree.scss

@@ -116,6 +116,9 @@
 }
 
 .readme-holder {
+  margin: 0 auto;
+  max-width: $readable-width;
+
   .readme-file-title {
     font-size: 14px;
     font-weight: bold;