Revert "squashed merge and fixed conflicts"

This reverts commit 13e37a3e.

app/assets/javascripts/milestone_select.js.coffee

@@ -24,10 +24,14 @@ class @MilestoneSelect
       if issueUpdateURL
         milestoneLinkTemplate = _.template(
-          '<a href="/<%= namespace %>/<%= path %>/milestones/<%= iid %>" class="bold has-tooltip" data-container="body" title="<%= remaining %>"><%= _.escape(title) %></a>'
+          '<a href="/<%= namespace %>/<%= path %>/milestones/<%= iid %>">
+            <span class="has-tooltip" data-container="body" title="<%= remaining %>">
+              <%= _.escape(title) %>
+            </span>
+          </a>'
         )
-        milestoneLinkNoneTemplate = '<span class="no-value">None</span>'
+        milestoneLinkNoneTemplate = '<div class="light">None</div>'
         collapsedSidebarLabelTemplate = _.template(
           '<span class="has-tooltip" data-container="body" title="<%= remaining %>" data-placement="left">
@@ -112,7 +116,7 @@ class @MilestoneSelect
               .val()
             data = {}
             data[abilityName] = {}
-            data[abilityName].milestone_id = if selected? then selected else null
+            data[abilityName].milestone_id = selected
             $loading
               .fadeIn()
             $dropdown.trigger('loading.gl.dropdown')

app/assets/javascripts/network/application.js.coffee

-# This is a manifest file that'll be compiled into including all the files listed below.
-# Add new JavaScript/Coffee code in separate files in this directory and they'll automatically
-# be included in the compiled file accessible from http://example.com/assets/application.js
-# It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
-# the compiled file.
-#
-#= require raphael
-#= require g.raphael
-#= require g.bar
-#= require_tree .
-
-$ ->
-  network_graph = new Network({
-    url: $(".network-graph").attr('data-url'),
-    commit_url: $(".network-graph").attr('data-commit-url'),
-    ref: $(".network-graph").attr('data-ref'),
-    commit_id: $(".network-graph").attr('data-commit-id')
-  })
-
-  new ShortcutsNetwork(network_graph.branch_graph)

app/assets/javascripts/notes.js.coffee

@@ -115,14 +115,12 @@ class @Notes
     , @pollingInterval
   refresh: =>
+    return if @refreshing is true
+    @refreshing = true
     if not document.hidden and document.URL.indexOf(@noteable_url) is 0
       @getContent()
   getContent: ->
-    return if @refreshing
-
-    @refreshing = true
-
     $.ajax
       url: @notes_url
       data: "last_fetched_at=" + @last_fetched_at

app/assets/javascripts/right_sidebar.js.coffee

@@ -43,55 +43,6 @@ class @Sidebar
             $('.right-sidebar')
               .hasClass('right-sidebar-collapsed'), { path: '/' })
-    $(document)
-      .off 'click', '.js-issuable-todo'
-      .on 'click', '.js-issuable-todo', @toggleTodo
-
-  toggleTodo: (e) =>
-    $this = $(e.currentTarget)
-    $todoLoading = $('.js-issuable-todo-loading')
-    $btnText = $('.js-issuable-todo-text', $this)
-    ajaxType = if $this.attr('data-id') then 'PATCH' else 'POST'
-    ajaxUrlExtra = if $this.attr('data-id') then "/#{$this.attr('data-id')}" else ''
-
-    $.ajax(
-      url: "#{$this.data('url')}#{ajaxUrlExtra}"
-      type: ajaxType
-      dataType: 'json'
-      data:
-        issuable_id: $this.data('issuable')
-        issuable_type: $this.data('issuable-type')
-      beforeSend: =>
-        @beforeTodoSend($this, $todoLoading)
-    ).done (data) =>
-      @todoUpdateDone(data, $this, $btnText, $todoLoading)
-
-  beforeTodoSend: ($btn, $todoLoading) ->
-    $btn.disable()
-    $todoLoading.removeClass 'hidden'
-
-  todoUpdateDone: (data, $btn, $btnText, $todoLoading) ->
-    $todoPendingCount = $('.todos-pending-count')
-    $todoPendingCount.text data.count
-
-    $btn.enable()
-    $todoLoading.addClass 'hidden'
-
-    if data.count is 0
-      $todoPendingCount.addClass 'hidden'
-    else
-      $todoPendingCount.removeClass 'hidden'
-
-    if data.todo?
-      $btn
-        .attr 'aria-label', $btn.data('mark-text')
-        .attr 'data-id', data.todo.id
-      $btnText.text $btn.data('mark-text')
-    else
-      $btn
-        .attr 'aria-label', $btn.data('todo-text')
-        .removeAttr 'data-id'
-      $btnText.text $btn.data('todo-text')
   sidebarDropdownLoading: (e) ->
     $sidebarCollapsedIcon = $(@).closest('.block').find('.sidebar-collapsed-icon')
@@ -166,3 +117,5 @@ class @Sidebar
   getBlock: (name) ->
     @sidebar.find(".block.#{name}")
+
+

app/assets/javascripts/search_autocomplete.js.coffee

@@ -67,12 +67,8 @@ class @SearchAutocomplete
   getData: (term, callback) ->
     _this = @
-    unless term
-      if contents = @getCategoryContents()
-        @searchInput.data('glDropdown').filter.options.callback contents
-        @enableAutocomplete()
-
-      return
+    # Do not trigger request if input is empty
+    return if @searchInput.val() is ''
     # Prevent multiple ajax calls
     return if @loadingSuggestions
@@ -126,37 +122,6 @@ class @SearchAutocomplete
     ).always ->
       _this.loadingSuggestions = false
-
-  getCategoryContents: ->
-
-    userId = gon.current_user_id
-    { utils, projectOptions, groupOptions, dashboardOptions } = gl
-
-    if utils.isInGroupsPage() and groupOptions
-      options = groupOptions[utils.getGroupSlug()]
-
-    else if utils.isInProjectPage() and projectOptions
-      options = projectOptions[utils.getProjectSlug()]
-
-    else if dashboardOptions
-      options = dashboardOptions
-
-    { issuesPath, mrPath, name } = options
-
-    items = [
-      { header: "#{name}" }
-      { text: 'Issues assigned to me', url: "#{issuesPath}/?assignee_id=#{userId}" }
-      { text: "Issues I've created",   url: "#{issuesPath}/?author_id=#{userId}"   }
-      'separator'
-      { text: 'Merge requests assigned to me', url: "#{mrPath}/?assignee_id=#{userId}" }
-      { text: "Merge requests I've created",   url: "#{mrPath}/?author_id=#{userId}"   }
-    ]
-
-    items.splice 0, 1 unless name
-
-    return items
-
-
   serializeState: ->
     {
       # Search Criteria
@@ -244,12 +209,6 @@ class @SearchAutocomplete
     @isFocused = true
     @wrap.addClass('search-active')
-    @getData()  if @getValue() is ''
-
-
-  getValue: -> return @searchInput.val()
-
-
   onClearInputClick: (e) =>
     e.preventDefault()
     @searchInput.val('').focus()
@@ -270,10 +229,6 @@ class @SearchAutocomplete
     @locationBadgeEl.text(badgeText).show()
     @wrap.addClass('has-location-badge')
-
-  hasLocationBadge: -> return @wrap.is '.has-location-badge'
-
-
   restoreOriginalState: ->
     inputs = Object.keys @originalState
@@ -302,14 +257,13 @@ class @SearchAutocomplete
       @getElement("##{input}").val('')
-
   removeLocationBadge: ->
-
     @locationBadgeEl.hide()
+
+    # Reset state
     @resetSearchState()
-    @wrap.removeClass('has-location-badge')
-    @disableAutocomplete()
+    @wrap.removeClass('has-location-badge')
   disableAutocomplete: ->
     @searchInput.addClass('disabled')

app/assets/javascripts/shortcuts.js.coffee

 class @Shortcuts
-  constructor: (skipResetBindings) ->
+  constructor: ->
     @enabledHelp = []
-    Mousetrap.reset() if not skipResetBindings
+    Mousetrap.reset()
     Mousetrap.bind('?', @onToggleHelp)
     Mousetrap.bind('s', Shortcuts.focusSearch)
     Mousetrap.bind(['ctrl+shift+p', 'command+shift+p'], @toggleMarkdownPreview)

app/assets/javascripts/shortcuts_blob.coffee

-#= require shortcuts
-
-class @ShortcutsBlob extends Shortcuts
-  constructor: (skipResetBindings) ->
-    super skipResetBindings
-    Mousetrap.bind('y', ShortcutsBlob.copyToClipboard)
-
-  @copyToClipboard: ->
-    clipboardButton = $('.btn-clipboard')
-    clipboardButton.click() if clipboardButton

app/assets/javascripts/sidebar.js.coffee

@@ -3,33 +3,13 @@ expanded = 'page-sidebar-expanded'
 toggleSidebar = ->
   $('.page-with-sidebar').toggleClass("#{collapsed} #{expanded}")
-  $('.navbar-fixed-top').toggleClass("header-collapsed header-expanded")
-
-  if $.cookie('pin_nav') is 'true'
-    $('.navbar-fixed-top').toggleClass('header-pinned-nav')
-    $('.page-with-sidebar').toggleClass('page-sidebar-pinned')
+  $('header').toggleClass("header-collapsed header-expanded")
   setTimeout ( ->
-    niceScrollBars = $('.nav-sidebar').niceScroll();
+    niceScrollBars = $('.nicescroll').niceScroll();
     niceScrollBars.updateScrollBar();
   ), 300
-$(document)
-  .off 'click', 'body'
-  .on 'click', 'body', (e) ->
-    unless $.cookie('pin_nav') is 'true'
-      $target = $(e.target)
-      $nav = $target.closest('.sidebar-wrapper')
-      pageExpanded = $('.page-with-sidebar').hasClass('page-sidebar-expanded')
-      $toggle = $target.closest('.toggle-nav-collapse, .side-nav-toggle')
-
-      if $nav.length is 0 and pageExpanded and $toggle.length is 0
-        $('.page-with-sidebar')
-          .toggleClass('page-sidebar-collapsed page-sidebar-expanded')
-
-        $('.navbar-fixed-top')
-          .toggleClass('header-collapsed header-expanded')
-
 $(document).on("click", '.toggle-nav-collapse, .side-nav-toggle', (e) ->
   e.preventDefault()

app/assets/javascripts/star.js.coffee

@@ -9,11 +9,9 @@ class @Star
         $this.parent().find('.star-count').text data.star_count
         if isStarred
           $starSpan.removeClass('starred').text 'Star'
-          gl.utils.updateTooltipTitle $this, 'Star project'
           $starIcon.removeClass('fa-star').addClass 'fa-star-o'
         else
           $starSpan.addClass('starred').text 'Unstar'
-          gl.utils.updateTooltipTitle $this, 'Unstar project'
           $starIcon.removeClass('fa-star-o').addClass 'fa-star'
         return

app/assets/javascripts/users_select.js.coffee

@@ -31,7 +31,7 @@ class @UsersSelect
       assignTo = (selected) ->
         data = {}
         data[abilityName] = {}
-        data[abilityName].assignee_id = if selected? then selected else null
+        data[abilityName].assignee_id = selected
         $loading
           .fadeIn()
         $dropdown.trigger('loading.gl.dropdown')
@@ -72,7 +72,7 @@ class @UsersSelect
       assigneeTemplate = _.template(
         '<% if (username) { %>
-        <a class="author_link bold" href="/u/<%= username %>">
+        <a class="author_link " href="/u/<%= username %>">
           <% if( avatar ) { %>
           <img width="32" class="avatar avatar-inline s32" alt="" src="<%= avatar %>">
           <% } %>
@@ -82,7 +82,7 @@ class @UsersSelect
           </span>
         </a>
           <% } else { %>
-        <span class="no-value assign-yourself">
+        <span class="assign-yourself">
           No assignee -
           <a href="#" class="js-assign-yourself">
             assign yourself

app/assets/stylesheets/framework/gitlab-theme.scss

@@ -8,8 +8,8 @@
  */
 @mixin gitlab-theme($color-light, $color, $color-darker, $color-dark) {
   .page-with-sidebar {
-    .toggle-nav-collapse,
-    .pin-nav-btn {
+
+    .collapse-nav a {
       color: $color-light;
       background: $color;

app/assets/stylesheets/framework/header.scss

@@ -3,7 +3,7 @@
  *
  */
 header {
-  transition: padding $sidebar-transition-duration;
+  transition-duration: .3s;
   &.navbar-empty {
     height: $header-height;
@@ -79,9 +79,14 @@ header {
     &.header-collapsed {
       padding: 0 16px;
+
+      .side-nav-toggle {
+        display: block;
+      }
     }
     .side-nav-toggle {
+      display: none;
       position: absolute;
       left: -10px;
       margin: 6px 0;
@@ -103,7 +108,9 @@ header {
   .header-content {
     position: relative;
     height: $header-height;
+    padding-right: 40px;
     padding-left: 30px;
+    transition-duration: .3s;
     @media (min-width: $screen-sm-min) {
       padding-right: 0;
@@ -191,6 +198,18 @@ header {
   }
 }
+.header-collapsed {
+  margin-left: 0;
+
+  .header-content {
+
+    @media (min-width: $screen-sm-max) {
+      padding-left: 30px;
+      transition-duration: .3s;
+    }
+  }
+}
+
 .tanuki-shape {
   transition: all 0.8s;

app/assets/stylesheets/framework/lists.scss

@@ -159,7 +159,7 @@ ul.content-list {
       background-color: $gray-light;
       border: dotted 1px $gray-dark;
       margin: 1px 0;
-      min-height: 52px;
+      min-height: 30px;
     }
   }
 }

app/assets/stylesheets/framework/nav.scss

@@ -74,7 +74,6 @@
     .container-fluid {
       background-color: $background-color;
-      margin-bottom: 0;
     }
     li {
@@ -242,12 +241,6 @@
       }
     }
   }
-
-  &.adjust {
-    .nav-text, .nav-controls {
-      width: auto;
-    }
-  }
 }
 .layout-nav {
@@ -257,7 +250,7 @@
   z-index: 11;
   background: $background-color;
   border-bottom: 1px solid $border-color;
-  transition: padding $sidebar-transition-duration;
+  transition-duration: .3s;
   text-align: center;
   .container-fluid {
@@ -287,10 +280,11 @@
     }
     .dropdown {
-      position: absolute;
-      top: 7px;
-      right: 15px;
-      z-index: 2;
+      margin-left: 7px;
+
+      @media (max-width: $screen-xs-min) {
+        margin-left: 0;
+      }
       li.active {
         font-weight: bold;
@@ -353,12 +347,6 @@
       .badge {
         color: $gl-icon-color;
       }
-
-      &:hover {
-        a, i {
-          color: $black;
-        }
-      }
     }
   }

app/assets/stylesheets/framework/sidebar.scss

 .page-with-sidebar {
   padding-top: $header-height;
-  transition: padding $sidebar-transition-duration;
+  transition-duration: .3s;
   .sidebar-wrapper {
     position: fixed;
     top: 0;
     bottom: 0;
+    overflow-y: auto;
+    overflow-x: hidden;
     left: 0;
     height: 100%;
-    overflow: hidden;
-    transition: width $sidebar-transition-duration;
+    transition-duration: .3s;
   }
 }
 .sidebar-wrapper {
   z-index: 1000;
   background: $background-color;
-
-  .nicescroll-rails-hr {
-    // TODO: Figure out why nicescroll doesn't hide horizontal bar
-    display: none!important;
-  }
 }
 .content-wrapper {
   width: 100%;
-  transition: padding $sidebar-transition-duration;
   .container-fluid {
     background: #fff;
@@ -39,19 +34,22 @@
   }
 }
-.sidebar-user {
-  padding: 15px;
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  width: $sidebar_width;
-  overflow: hidden;
-  font-size: 16px;
-  line-height: 36px;
-  transition: width $sidebar-transition-duration, padding $sidebar-transition-duration;
-  @media (min-width: $sidebar-breakpoint) {
-    bottom: 50px;
+.sidebar-wrapper {
+  .sidebar-user {
+    padding: 15px 22px;
+    position: fixed;
+    bottom: 0;
+    width: $sidebar_width;
+    overflow: hidden;
+    transition-duration: .3s;
+
+    .username {
+      margin-left: 10px;
+      width: $sidebar_width - 2 * 10px;
+      font-size: 16px;
+      line-height: 34px;
+    }
   }
 }
@@ -67,46 +65,39 @@
 .nav-sidebar {
-  position: absolute;
-  top: 50px;
-  bottom: 65px;
-  width: $sidebar_width;
-  overflow-y: auto;
-  overflow-x: hidden;
-
-  @media (min-width: $sidebar-breakpoint) {
-    bottom: 115px;
-  }
+  margin-top: 22 + $header-height;
+  margin-bottom: 116px;
+  transition-duration: .3s;
+  list-style: none;
+  overflow: hidden;
   &.navbar-collapse {
     padding: 0 !important;
   }
   li {
+    width: $sidebar_width;
+
     &.separate-item {
       padding-top: 10px;
       margin-top: 10px;
     }
-    .icon-container {
-      width: 34px;
-      display: inline-block;
-      text-align: center;
-    }
-
     a {
-      padding: 7px 15px 7px 12px;
+      width: $sidebar_width;
+      padding: 7px 15px 7px 23px;
       font-size: $gl-font-size;
       line-height: 24px;
       display: block;
       text-decoration: none;
       font-weight: normal;
       outline: none;
-      white-space: nowrap;
-      &:hover,
-      &:active,
-      &:focus {
+      &:hover {
+        text-decoration: none;
+      }
+
+      &:active, &:focus {
         text-decoration: none;
       }
@@ -118,6 +109,10 @@
       svg {
         margin-right: 13px;
       }
+
+      &.back-link i {
+        transition-duration: .3s;
+      }
     }
   }
@@ -128,50 +123,37 @@
   }
 }
-.toggle-nav-collapse {
+.sidebar-subnav {
+  margin-left: 0;
+  padding-left: 0;
+
+  li {
+    list-style: none;
+  }
+}
+
+.collapse-nav a {
   width: $sidebar_width;
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
-  min-height: 50px;
   padding: 5px 0;
   font-size: 18px;
-  line-height: 30px;
-}
-
-.nav-header-btn {
-  padding: 10px 5px;
-  color: inherit;
+  background: transparent;
+  height: 50px;
+  text-align: center;
+  line-height: 40px;
   transition-duration: .3s;
-  &:hover,
-  &:focus {
-    color: $white-light;
+  outline: none;
+  &:hover {
     text-decoration: none;
   }
 }
-.pin-nav-btn {
-  display: none;
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  height: 50px;
-  width: $sidebar_width;
-  line-height: 30px;
-
-  @media (min-width: $sidebar-breakpoint) {
-    display: block;
-  }
-
-  .fa {
-    transition: transform .15s;
-  }
-
-  &.is-active {
-    .fa {
-      transform: rotate(90deg);
-    }
+.sidebar-wrapper {
+  &.hidden-nav {
+    width: 0;
   }
 }
@@ -180,34 +162,62 @@
   .sidebar-wrapper {
     width: 0;
+
+    .nav-sidebar {
+      width: 0;
+
+      li {
+        width: auto;
+
+        a {
+          span {
+            display: none;
+          }
+        }
+      }
+    }
+
+    .collapse-nav a {
+      width: 0;
+
+      i {
+        display: none;
+      }
+    }
+
+    .sidebar-user {
+      width: 0;
+      padding-left: 0;
+      padding-right: 0;
+
+      .username {
+        display: none;
+      }
+    }
   }
 }
 .page-sidebar-expanded {
-  .sidebar-wrapper {
-    width: $sidebar_width;
-  }
-}
-.page-sidebar-pinned {
-  .content-wrapper,
-  .layout-nav {
-    @media (min-width: $sidebar-breakpoint) {
-      padding-left: $sidebar_width;
-    }
+  @media (max-width: $screen-sm-max) {
+    padding-left: 0;
   }
-}
-header.header-pinned-nav {
-  @media (min-width: $sidebar-breakpoint) {
-    padding-left: ($sidebar_width + $gl-padding);
-    .side-nav-toggle {
-      display: none;
+  .sidebar-wrapper {
+    width: $sidebar_width;
+    .nav-sidebar {
+      width: $sidebar_width;
     }
-    .header-content {
-      padding-left: 0;
+    .nav-sidebar li a {
+      width: $sidebar_width;
+
+      &.back-link {
+        i {
+          opacity: 0;
+        }
+      }
     }
   }
 }

app/assets/stylesheets/framework/variables.scss

@@ -6,8 +6,6 @@ $sidebar_width: 220px;
 $gutter_collapsed_width: 62px;
 $gutter_width: 290px;
 $gutter_inner_width: 258px;
-$sidebar-transition-duration: .15s;
-$sidebar-breakpoint: 1440px;
 /*
  * UI elements

app/assets/stylesheets/pages/commits.scss

@@ -7,111 +7,84 @@
   margin-right: 9px;
 }
-.commit-header {
-  padding: 5px 10px;
-  background-color: $background-color;
-  border-top: 1px solid #eee;
-  border-bottom: 1px solid #eee;
-  font-size: 14px;
-
-  &:first-child {
-    border-top-width: 0;
-  }
+.lists-separator {
+  margin: 10px 0;
+  border-color: #ddd;
 }
-.commit-row-title {
-  line-height: 1;
-  margin-bottom: 7px;
-
-  .notes_count {
-    float: right;
-    margin-right: 10px;
-  }
-  .str-truncated {
-    max-width: 70%;
-  }
-
-  .commit-row-message {
-    color: $gl-dark-link-color;
+.commits-row {
+  ul {
+    margin: 0;
+    li.commit {
+      padding: 8px 0;
+    }
   }
-  .text-expander {
-    display: inline-block;
-    background: $gray-light;
-    color: $gl-placeholder-color;
-    padding: 0 5px;
-    cursor: pointer;
-    border: 1px solid $border-gray-dark;
-    border-radius: $border-radius-default;
-    margin-left: 5px;
-
-    &:hover {
-      background-color: darken($gray-light, 10%);
-      text-decoration: none;
-    }
+  .commits-row-date {
+    font-size: 15px;
+    line-height: 20px;
+    margin-bottom: 5px;
   }
 }
-.commit-actions {
-  @media (min-width: $screen-sm-min) {
-    float: right;
-    margin-left: $gl-padding;
-    margin-top: 2px;
-    font-size: 0;
-  }
-  .btn-transparent {
-    padding-left: 0;
-    padding-right: 0;
-  }
-  .btn {
-    &:not(:first-child) {
-      margin-left: $gl-padding;
+li.commit {
+  list-style: none;
+  .commit-row-title {
+    font-size: $list-font-size;
+    line-height: 20px;
+    margin-bottom: 2px;
+    .btn-clipboard {
+      margin-top: -1px;
     }
-  }
-}
-.commit-short-id {
-  font-family: $monospace_font;
-  font-weight: 600;
-}
-.commit {
-  padding: 10px 0;
-  @media (min-width: $screen-sm-min) {
-    padding-left: 46px;
-  }
-  &:not(:last-child) {
-    border-bottom: 1px solid #eee;
-  }
-  a,
-  button {
-    color: $gl-dark-link-color;
-    vertical-align: baseline;
-  }
-  .avatar {
-    margin-left: -46px;
+    .notes_count {
+      float: right;
+      margin-right: 10px;
+    }
+    .commit_short_id {
+      min-width: 65px;
+      color: $gl-dark-link-color;
+      font-family: $monospace_font;
+    }
+    .str-truncated {
+      max-width: 70%;
+    }
+    .commit-row-message {
+      color: $gl-dark-link-color;
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+    .text-expander {
+      background: #eee;
+      color: #555;
+      padding: 0 5px;
+      cursor: pointer;
+      margin-left: 4px;
+      &:hover {
+        background-color: #ddd;
+      }
+    }
   }
   .item-title {
     display: inline-block;
-
-    @media (min-width: $screen-sm-min) {
-      max-width: 70%;
-    }
+    max-width: 70%;
   }
   .commit-row-description {
     font-size: 14px;
     border-left: 1px solid #eee;
     padding: 10px 15px;
-    margin: 10px 0;
+    margin: 5px 0 10px 5px;
     background: #f9f9f9;
     display: none;
@@ -120,7 +93,6 @@
       background: inherit;
       padding: 0;
       margin: 0;
-      white-space: pre-wrap;
     }
     a {
@@ -130,7 +102,7 @@
   .commit-row-info {
     color: $gl-gray;
-    line-height: 1;
+    line-height: 24px;
     a {
       color: $gl-gray;
@@ -139,6 +111,10 @@
     .avatar {
       margin-right: 8px;
     }
+
+    .committed_ago {
+      display: inline-block;
+    }
   }
   &.inline-commit {

app/assets/stylesheets/pages/environments.scss

-.environments {
-  .commit-title {
-    margin: 0;
-  }
-}

app/assets/stylesheets/pages/groups.scss

@@ -39,20 +39,3 @@
     }
   }
 }
-
-.groups-cover-block {
-
-  .container-fluid {
-    position: relative;
-  }
-
-  .access-request-button {
-    @include btn-gray;
-    position: absolute;
-    right: 16px;
-    bottom: 32px;
-    padding: 3px 10px;
-    text-transform: none;
-    background-color: $background-color;
-  }
-}