diff options
| author | Filipa Lacerda <filipa@gitlab.com> | 2016-11-21 18:15:11 +0000 |
|---|---|---|
| committer | Filipa Lacerda <filipa@gitlab.com> | 2016-11-21 18:20:03 +0000 |
| commit | 7966584f7ee26e6456228079905f7d5fc050bff5 (patch) | |
| tree | ba03ec6667d25dc7a2fd293329d8cb098fa5941e | |
| parent | 80eaed1651e6a278af87e015f6b414d4f943a352 (diff) | |
| download | gitlab-ce-7966584f7ee26e6456228079905f7d5fc050bff5.tar.gz | |
Improve readability of environments table
| -rw-r--r-- | app/assets/javascripts/environments/components/environment.js.es6 | 12 | ||||
| -rw-r--r-- | app/assets/stylesheets/pages/environments.scss | 15 |
2 files changed, 21 insertions, 6 deletions
diff --git a/app/assets/javascripts/environments/components/environment.js.es6 b/app/assets/javascripts/environments/components/environment.js.es6 index b769161e058..7536f6b9abe 100644 --- a/app/assets/javascripts/environments/components/environment.js.es6 +++ b/app/assets/javascripts/environments/components/environment.js.es6 @@ -211,12 +211,12 @@ <table class="table ci-table environments"> <thead> <tr> - <th>Environment</th> - <th>Last deployment</th> - <th>Build</th> - <th>Commit</th> - <th></th> - <th class="hidden-xs"></th> + <th class="environments-name">Environment</th> + <th class="environments-deploy">Last deployment</th> + <th class="environments-build">Build</th> + <th class="environments-commit">Commit</th> + <th class="environments-date"></th> + <th class="hidden-xs environments-actions"></th> </tr> </thead> <tbody> diff --git a/app/assets/stylesheets/pages/environments.scss b/app/assets/stylesheets/pages/environments.scss index e9ff43a8adb..94a49caf8bc 100644 --- a/app/assets/stylesheets/pages/environments.scss +++ b/app/assets/stylesheets/pages/environments.scss @@ -18,6 +18,21 @@ .environments { table-layout: fixed; + .environments-commit + .environments-actions { + width: 20%; + } + + .environments-deploy, + .environments-build, + .environments-date { + width: 10%; + } + + .environments-name { + width: 30%; + } + .deployment-column { .avatar { float: none; |