From b19bb38bd79033b7fbd11afa02273ab3e3a2f374 Mon Sep 17 00:00:00 2001
From: Bryce Johnson <bryce@gitlab.com>
Date: Wed, 21 Dec 2016 14:27:43 +0100
Subject: Force variable key cell to stay small and wrap text.

---
 app/assets/stylesheets/pages/projects.scss | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'app/assets')

diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss
index cd0839e58ea..aa59f7d3f2e 100644
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -930,7 +930,18 @@ pre.light-well {
   table-layout: fixed;
 
   .variable-key {
-    width: 30%;
+    width: 300px;
+    max-width: 300px;
+    overflow: hidden;
+    word-wrap: break-word;
+
+    // override bootstrap
+    white-space: normal!important;
+
+    @media (max-width: $screen-sm-max) {
+      width: 150px;
+      max-width: 150px;
+    }
   }
 }
 
-- 
cgit v1.2.3