From 6328ec3ab2595722afb780a9b60b44ef4c0bcac2 Mon Sep 17 00:00:00 2001
From: Annabel Dunstone Gray <annabel.dunstone@gmail.com>
Date: Tue, 27 Dec 2016 11:26:25 -0600
Subject: [PATCH] Only limit container width on issues & MRs within fixed-width
 container

---
 app/assets/stylesheets/pages/issuable.scss | 66 +++++++++++-----------
 1 file changed, 34 insertions(+), 32 deletions(-)

diff --git a/app/assets/stylesheets/pages/issuable.scss b/app/assets/stylesheets/pages/issuable.scss
index eeb5b590625..9478b66f536 100644
--- a/app/assets/stylesheets/pages/issuable.scss
+++ b/app/assets/stylesheets/pages/issuable.scss
@@ -1,46 +1,48 @@
 // Limit MR description for side-by-side diff view
-.limit-container-width {
-  .detail-page-header {
-    max-width: calc(#{$limited-layout-width} - (#{$gl-padding} * 2));
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .issuable-details {
-    .detail-page-description,
-    .mr-source-target,
-    .mr-state-widget,
-    .merge-manually {
+.container-limited {
+  &.limit-container-width {
+    .detail-page-header {
       max-width: calc(#{$limited-layout-width} - (#{$gl-padding} * 2));
       margin-left: auto;
       margin-right: auto;
     }
 
-    .merge-request-tabs-holder {
-      &.affix {
-        border-bottom: 1px solid $border-color;
-
-        .nav-links {
-          border: 0;
-        }
-      }
-
-      .container-fluid {
-        padding-left: 0;
-        padding-right: 0;
+    .issuable-details {
+      .detail-page-description,
+      .mr-source-target,
+      .mr-state-widget,
+      .merge-manually {
         max-width: calc(#{$limited-layout-width} - (#{$gl-padding} * 2));
         margin-left: auto;
         margin-right: auto;
       }
-    }
-  }
 
-  .diffs {
-    .mr-version-controls,
-    .files-changed {
-      max-width: calc(#{$limited-layout-width} - (#{$gl-padding} * 2));
-      margin-left: auto;
-      margin-right: auto;
+      .merge-request-tabs-holder {
+        &.affix {
+          border-bottom: 1px solid $border-color;
+
+          .nav-links {
+            border: 0;
+          }
+        }
+
+        .container-fluid {
+          padding-left: 0;
+          padding-right: 0;
+          max-width: calc(#{$limited-layout-width} - (#{$gl-padding} * 2));
+          margin-left: auto;
+          margin-right: auto;
+        }
+      }
+    }
+
+    .diffs {
+      .mr-version-controls,
+      .files-changed {
+        max-width: calc(#{$limited-layout-width} - (#{$gl-padding} * 2));
+        margin-left: auto;
+        margin-right: auto;
+      }
     }
   }
 }