update

app/assets/stylesheets/framework/sidebar.scss

@@ -21,11 +21,10 @@
 .content-wrapper {
   width: 100%;
-  padding: 20px;
   .container-fluid {
     background: #FFF;
-    padding: $gl-padding;
+    padding: 0 $gl-padding;
     &.container-blank {
       background: none;

app/assets/stylesheets/framework/tables.scss

 .table-holder {
-  margin: -$gl-padding;
-  margin-top: 0;
-  margin-bottom: 0;
+  margin: 0;
 }
 table {
   &.table {
     margin-bottom: $gl-padding;
-    
+
     .dropdown-menu a {
       text-decoration: none;
     }
@@ -32,6 +30,7 @@ table {
       }
       th {
+        background-color: $background-color;
         font-weight: normal;
         font-size: 15px;
         border-bottom: 1px solid $border-color !important;

app/assets/stylesheets/framework/timeline.scss

@@ -5,10 +5,8 @@
   padding: 0;
   .timeline-entry {
-    padding: $gl-padding;
+    padding: $gl-padding 0;
     border-color: $table-border-color;
-    margin-left: -$gl-padding;
-    margin-right: -$gl-padding;
     color: $gl-gray;
     border-bottom: 1px solid $border-white-light;

app/assets/stylesheets/framework/tw_bootstrap.scss

@@ -99,47 +99,6 @@
   }
 }
-// Nav tabs
-.nav.nav-tabs {
-  margin-bottom: 15px;
-
-  li {
-    > a {
-      margin-right: 5px;
-      line-height: 20px;
-      border-color: #EEE;
-      color: #888;
-      border-bottom: 1px solid #ddd;
-      .badge {
-        background-color: #eee;
-        color: #888;
-        text-shadow: 0 1px 1px #fff;
-      }
-      i.fa {
-        line-height: 14px;
-      }
-    }
-    &.active {
-      > a {
-        border-color: #CCC;
-        border-bottom: 1px solid #fff;
-        color: #333;
-        font-weight: bold;
-      }
-    }
-  }
-}
-
-.nav-tabs > li > a,
-.nav-pills > li > a {
-  color: #666;
-}
-
-.nav-pills > .active > a > span > .badge {
-  background-color: #fff;
-  color: $gl-primary;
-}
-
 /**
  * fix to keep tooltips position in top navigation bar

app/assets/stylesheets/framework/tw_bootstrap_variables.scss

@@ -46,7 +46,7 @@ $font-size-base:         $gl-font-size;
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
-$padding-base-vertical:     9px;
+$padding-base-vertical:     $gl-vert-padding;
 $padding-base-horizontal:   $gl-padding;
 $component-active-color:    #fff;
 $component-active-bg:       $brand-info;

app/assets/stylesheets/framework/typography.scss

@@ -177,7 +177,7 @@ body {
 }
 .page-title {
-  margin-top: 0px;
+  margin-top: $gl-padding;
   line-height: 1.3;
   font-size: 1.25em;
   font-weight: 600;

app/assets/stylesheets/framework/variables.scss

@@ -22,6 +22,7 @@ $header-height: 58px;
 $fixed-layout-width: 1280px;
 $gl-gray: #5a5a5a;
 $gl-padding: 16px;
+$gl-vert-padding: 6px;
 $gl-padding-top:10px;
 $gl-avatar-size: 46px;
 $secondary-text: #7f8fa4;

app/assets/stylesheets/framework/zen.scss

@@ -4,7 +4,7 @@
     position: absolute;
     top: 0px;
     right: 4px;
-    line-height: 40px;
+    line-height: 56px;
   }
   a.js-zen-leave {

app/assets/stylesheets/pages/branches.scss

+.branch-name{
+  font-weight: 600;
+}

app/assets/stylesheets/pages/commit.scss

@@ -2,6 +2,10 @@
   display: block;
 }
+.commit-row-title .commit-title {
+  font-weight: 600;
+}
+
 .commit-author, .commit-committer{
   display: block;
   color: #999;
@@ -35,6 +39,8 @@
 }
 .commit-box {
+  border-top: 1px solid $border-color;
+
   .commit-title {
     margin: 0;
     font-size: 23px;

app/assets/stylesheets/pages/detail_page.scss

 .detail-page-header {
-  margin: -$gl-padding;
-  padding: 7px $gl-padding;
-  margin-bottom: 0px;
+  padding: 11px 0;
   border-bottom: 1px solid $border-color;
   color: #5c5d5e;
   font-size: 16px;

app/assets/stylesheets/pages/diff.scss

 // Common
 .diff-file {
-  margin-left: -$gl-padding;
-  margin-right: -$gl-padding;
-  border: none;
-  border-bottom: 1px solid #E7E9EE;
+  border: 1px solid $border-color;
+  border-top: none;
   .diff-header {
     position: relative;
@@ -23,14 +21,6 @@
       }
     }
-    .diff-controls {
-      .btn {
-        padding: 0px 10px;
-        font-size: 13px;
-        line-height: 28px;
-      }
-    }
-
     .commit-short-id {
       font-family: $monospace_font;
       font-size: smaller;

app/assets/stylesheets/pages/events.scss

@@ -4,9 +4,7 @@
  */
 .event-item {
   font-size: $gl-font-size;
-  padding: $gl-padding $gl-padding $gl-padding ($gl-padding + $gl-avatar-size + 15px);
-  margin-left: -$gl-padding;
-  margin-right: -$gl-padding;
+  padding: $gl-padding 0 $gl-padding ($gl-avatar-size + 15px);
   border-bottom: 1px solid $table-border-color;
   color: #7f8fa4;

app/assets/stylesheets/pages/groups.scss

@@ -11,3 +11,8 @@
     height: 42px;
   }
 }
+
+.content-list .group-name {
+  font-weight: 600;
+  color: #4c4e54;
+}

app/assets/stylesheets/pages/issuable.scss

@@ -27,10 +27,10 @@
 .project-issuable-filter {
   .controls {
     float: right;
-    margin-top: 7px;
+    margin-top: 11px;
   }
-  .center-top-menu {
+  .nav-links {
     text-align: left;
   }
 }
@@ -95,7 +95,7 @@
   .cross-project-reference {
     color: $gl-link-color;
-    
+
     span {
       white-space: nowrap;
       width: 85%;

app/assets/stylesheets/pages/issues.scss

@@ -6,7 +6,7 @@
     .issue-title {
       margin-bottom: 5px;
       font-size: $list-font-size;
-      font-weight: bold;
+      font-weight: 600;
     }
     .issue-info {

app/assets/stylesheets/pages/merge_requests.scss

@@ -3,9 +3,9 @@
  *
  */
 .mr-state-widget {
-  background: #F7F8FA;
+  background: $background-color;
   color: $gl-gray;
-  border: 1px solid #dce0e6;
+  border: 1px solid $border-color;
   @include border-radius(2px);
   form {
@@ -150,7 +150,7 @@
     .merge-request-title {
       margin-bottom: 5px;
       font-size: $list-font-size;
-      font-weight: bold;
+      font-weight: 600;
     }
     .merge-request-info {

app/assets/stylesheets/pages/projects.scss

-.alert_holder {
-  margin: -16px;
-
-  .alert-link {
-    font-weight: normal;
-  }
-}
-.no-ssh-key-message, .project-limit-message {
-  background-color: #f28d35;
-  margin-bottom: 16px;
-}
-.new_project,
-.edit_project {
-  fieldset.features {
-    .control-label {
-      font-weight: normal;
-    }
-  }
-}
-
-.project-name-holder {
-  .help-inline {
-    vertical-align: top;
-    padding: 7px;
-  }
-}
-
-.project-home-panel {
-
-  .cover-controls {
-    .project-settings-dropdown {
-      margin-left: 10px;
-    }
-  }
-
-  .project-identicon-holder {
-    margin-bottom: 16px;
-
-    .avatar, .identicon {
-      margin: 0 auto;
-      float: none;
-    }
-
-    .identicon {
-      @include border-radius(50%);
-    }
-  }
-
-  .project-home-dropdown {
-    margin: 13px 0px 0;
-  }
-
-  .notifications-btn {
-    .fa-bell {
-      margin-right: 6px;
-    }
-
-    .fa-angle-down {
-      margin-left: 6px;
-    }
-  }
-
-  .project-home-desc {
-    h1 {
-      color: #313236;
-      margin: 0;
-      margin-bottom: 6px;
-      font-size: 23px;
-      font-weight: normal;
-    }
-
-    p {
-      padding: 0 $gl-padding;
-      color: #5c5d5e;
-    }
-  }
-
-  .git-clone-holder {
-    max-width: 498px;
-
-    .form-control {
-      background: #FFF;
-      font-size: 14px;
-      height: 34px;
-      margin-left: -1px;
-    }
-  }
-
-  .visibility-level-label {
-    @extend .btn;
-    @extend .btn-gray;
-
-    color: $gray;
-    cursor: default;
-
-    i {
-      color: inherit;
-    }
-  }
-
-  .git-clone-holder {
-    display: inline-table;
-    position: relative;
-  }
-
-  .project-repo-buttons {
-    margin-top: 12px;
-    margin-bottom: 0px;
-
-    .count-buttons {
-      display: block;
-      margin-bottom: 12px;
-    }
-
-    .btn {
-      @include btn-gray;
-      text-transform: none;
-    }
-    .count-with-arrow {
-      display: inline-block;
-      position: relative;
-      margin-left: 4px;
-
-      .arrow {
-        &:before {
-          content: '';
-          display: inline-block;
-          position: absolute;
-          width: 0;
-          height: 0;
-          border-color: transparent;
-          border-style: solid;
-          top: 50%;
-          left: 0;
-          margin-top: -6px;
-          border-width: 7px 5px 7px 0;
-          border-right-color: #dce0e5;
-        }
-
-        &:after {
-          content: '';
-          position: absolute;
-          width: 0;
-          height: 0;
-          border-color: transparent;
-          border-style: solid;
-          top: 50%;
-          left: 1px;
-          margin-top: -9px;
-          border-width: 10px 7px 10px 0;
-          border-right-color: #FFF;
-        }
-      }
-      .count {
-        @include btn-gray;
-        display: inline-block;
-        background: white;
-        border-radius: 2px;
-        border-width: 1px;
-        border-style: solid;
-        font-size: 13px;
-        font-weight: 600;
-        line-height: 20px;
-        padding: 11px 16px;
-        letter-spacing: .4px;
-        padding: 10px;
-        text-align: center;
-        vertical-align: middle;
-        touch-action: manipulation;
-        cursor: pointer;
-        background-image: none;
-        white-space: nowrap;
-        margin: 0 11px 0px 4px;
-
-        &:hover {
-          background: #FFF;
-        }
-      }
-    }
-  }
-}
-
-.split-one {
-  display: inline-table;
-  margin-right: 12px;
-
-  a {
-    margin: -1px !important;
-  }
-}
-
-.git-clone-holder {
-  .project-home-dropdown + & {
-    margin-right: 45px;
-  }
-
-  .clone-options {
-    display: table-cell;
-    a.btn {
-      width: 100%;
-    }
-  }
-
-  .form-control {
-    cursor: auto;
-    @extend .monospace;
-    background: #FAFAFA;
-    width: 101%;
-  }
-
-  .input-group-addon {
-    background: #f7f8fa;
-
-    &.git-protocols {
-      padding: 0;
-      border: none;
-
-      .input-group-btn:last-child > .btn {
-        @include border-radius-right(0);
-
-        border-left: 1px solid #c6cacf;
-        margin-left: -2px !important;
-      }
-    }
-  }
-}
-
-.projects-search-form {
-
-  .input-group .form-control {
-    height: 42px;
-  }
-}
-
-.dropdown-nr {
-  padding: 7px 0px;
-}
-
-.input-group-btn {
-  .btn {
-    @include btn-gray;
-    @include btn-default;
-
-    &:hover {
-      outline: none;
-    }
-
-    &:focus {
-      outline: none;
-    }
-
-    &:active {
-      outline: none;
-    }
-
-    &.btn-clipboard {
-      padding-left: 15px;
-      padding-right: 15px;
-    }
-    &.btn-nr {
-      padding: 7px 10px;
-    }
-  }
-
-  .active {
-    @include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
-
-    border: 1px solid #c6cacf !important;
-    background-color: #e4e7ed !important;
-  }
-
-  .btn-green {
-    @include btn-green
-  }
-
-}
-
-.split-repo-buttons {
-  display: inline-table;
-  margin: 0 12px 0 12px;
-
-  .btn{
-    @include btn-gray;
-  }
-  
-
-  .dropdown-toggle  {
-    margin: -5px;
-  }
-}
-
-#notification-form {
-  margin-left: 5px;
-}
-
-.dropdown-new {
-  margin-left: -5px;
-}
-
-.open > .dropdown-new.btn {
-  @include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
-
-  border: 1px solid #c6cacf !important;
-  background-color: #e4e7ed !important;
-  text-transform: none;
-  color: #313236 !important;
-  font-size: 15px;
-}
-
-.dropdown-menu {
-  @include box-shadow(rgba(76, 86, 103, 0.247059) 0px 0px 1px 0px, rgba(31, 37, 50, 0.317647) 0px 2px 18px 0px);
-  @include border-radius (0px);
-
-  border: none;
-  padding: 16px 0;
-  font-size: 14px;
-  font-weight: 100;
-
-  li a {
-    color: #5f697a;
-    line-height: 30px;
-
-    &:hover {
-      background-color: #3084bb !important;
-    }
-  }
-
-  i {
-    margin-right: 8px;
-  }
-}
-
-.project-visibility-level-holder {
-  .radio {
-    margin-bottom: 10px;
-
-    i {
-      margin: 2px 0;
-      font-size: 20px;
-    }
-
-    .option-title {
-      font-weight: normal;
-      display: inline-block;
-      color: #313236;
-    }
-
-    .option-descr {
-      margin-left: 29px;
-      color: #54565b;
-    }
-  }
-}
-
-.save-project-loader {
-  margin-top: 50px;
-  margin-bottom: 50px;
-  color: #555;
-}
-
-ul.nav.nav-projects-tabs {
-  @extend .nav-tabs;
-
-  padding-left: 8px;
-
-  li {
-    a {
-      padding: 6px 25px;
-      margin-top: 2px;
-      border-color: #DDD;
-      background-color: #EEE;
-      text-shadow: 0 1px 1px white;
-      color: #555;
-    }
-    &.active {
-      a {
-        font-weight: bold;
-      }
-    }
-  }
-}
-
-.project_member_row form {
-  margin: 0px;
-}
-
-.transfer-project .select2-container {
-  min-width: 200px;
-}
-
-.deploy-project-label {
-  margin: 1px;
-}
-
-.vs-public {
-  color: $gl-primary;
-}
-
-.vs-internal {
-  color: $gl-warning;
-}
-
-.vs-private {
-  color: $gl-success;
-}
-
-.breadcrumb.repo-breadcrumb {
-  padding: 0;
-  line-height: 42px;
-  background: transparent;
-  border: none;
-  margin: 0;
-
-  > li + li:before {
-    padding: 0 3px;
-    color: #999;
-  }
-}
-
-.last-push-widget {
-  margin-top: -1px;
-}
-
-.top-area {
-  border-bottom: 1px solid #EEE;
-  margin: 0 -16px;
-  padding: 0 $gl-padding;
-  height: 42px;
-
-  ul.left-top-menu {
-    display: inline-block;
-    width: 50%;
-    margin-bottom: 0px;
-    border-bottom: none;
-  }
-
-  .projects-search-form {
-    width: 50%;
-    display: inline-block;
-    float: right;
-    padding-top: 7px;
-    text-align: right;
-
-    .btn-green {
-      margin-top: -2px;
-      margin-left: 10px;
-    }
-  }
-
-  @media (max-width: $screen-xs-max) {
-    .projects-search-form {
-      padding-top: 15px;
-    }
-  }
-}
-
-.fork-namespaces {
-  .fork-thumbnail {
-    text-align: center;
-    margin-bottom: $gl-padding;
-
-    .caption {
-      padding: $gl-padding 0;
-      min-height: 30px;
-    }
-
-    img {
-      @include border-radius(50%);
-      max-width: 100px;
-    }
-  }
-}
-
-table.table.protected-branches-list tr.no-border {
-  th, td {
-    border: 0;
-  }
-}
-
-.project-import .btn {
-  float: left;
-  margin-right: 10px;
-}
-
-.project-stats {
-  text-align: center;
-  margin-top: $gl-padding;
-  margin-bottom: 0;
-  padding-top: 10px;
-  padding-bottom: 4px;
-
-  ul.nav-pills {
-    display:inline-block;
-  }
-
-  .nav-pills li {
-    display:inline;
-  }
-
-  .nav > li > a {
-    @include btn-default;
-    @include btn-gray;
-
-    background-color: transparent;
-    border: 1px solid #f7f8fa;
-    margin-left: 12px;
-  }
-
-  li {
-    display:inline;
-  }
-
-  a {
-    float:left;
-    font-size: 17px;
-  }
-
-  li.missing a {
-    color: #5a6069;
-    border: 1px dashed #dce0e5;
-
-    &:hover {
-      background-color: #f0f2f5;
-    }
-  }
-}
-
-pre.light-well {
-  border-color: #f1f1f1;
-}
-
-.projects-search-form {
-  margin: -$gl-padding;
-  padding: $gl-padding;
-  padding-bottom: 0;
-  margin-bottom: 0px;
-
-  input {
-    display: inline-block;
-    width: calc(100% - 151px);
-  }
-
-  .btn {
-    display: inline-block;
-    width: 135px;
-  }
-}
-
-.git-empty {
-  margin: 0 7px 0 7px;
-
-  h5 {
-    color: #5c5d5e;
-  }
-
-  .light-well {
-    @include border-radius (2px);
-
-    color: #5b6169;
-    font-size: 13px;
-    line-height: 1.6em;
-  }
-}
-
-.project-footer {
-  margin-top: 20px;
-
-  .btn-remove {
-    @include btn-middle;
-    @include btn-red;
-
-    float: left !important;
-  }
-}
-
-/*
- * Projects list rendered on dashboard and user page
- */
-
-.projects-list {
-  @include basic-list;
-
-  .project-row {
-    padding: $gl-padding;
-    border-color: $table-border-color;
-    margin-left: -$gl-padding;
-    margin-right: -$gl-padding;
-
-    &.no-description {
-      .project {
-        line-height: 44px;
-      }
-    }
-
-    .project-full-name {
-      @include str-truncated;
-      font-weight: 600;
-      color: #4c4e54;
-    }
-
-    .project-controls {
-      float: right;
-      color: $gl-gray;
-      line-height: 45px;
-      color: #7f8fa4;
-
-      a:hover {
-        text-decoration: none;
-      }
-    }
-
-    .project-description {
-      color: #7f8fa4;
-
-      p {
-        @include str-truncated;
-        margin-bottom: 0;
-        color: #7f8fa4;
-      }
-    }
-  }
-
-  .bottom {
-    padding-top: $gl-padding;
-    padding-bottom: 0;
-  }
-}
-
-.panel .projects-list li {
-  padding: 10px 15px;
-  margin: 0;
-}
-
-.project-show-activity {
-  .activity-filter-block {
-    margin-top: -1px;
-  }
-}
-
-.project-last-commit {
-  margin: 0 7px;
-
-  .ci-status {
-    margin-right: 16px;
-  }
-
-  .commit-row-message {
-    color: $gl-gray;
-  }
-
-  .commit_short_id {
-    margin-right: 5px;
-    color: $gl-link-color;
-    font-weight: 600;
-  }
-
-  .commit-author-link {
-    margin-left: 7px;
-    text-decoration: none;
-    .avatar {
-      float: none;
-      margin-right: 4px;
-    }
-
-    .commit-author-name {
-      font-weight: 600;
-    }
-  }
-}
-
-.project-show-readme .readme-holder {
-  margin-left: -$gl-padding;
-  margin-right: -$gl-padding;
-  padding: ($gl-padding + 7px);
-  border-top: 0;
-
-  .edit-project-readme {
-    z-index: 100;
-    position: relative;
-  }
-}

app/assets/stylesheets/pages/tags.scss

+.tag-name{
+  font-weight: 600;
+}

app/assets/stylesheets/pages/tree.scss

 .tree-holder {
+  > .nav-block {
+    margin: 11px 0;
+  }
   .file-finder {
     width: 50%;
@@ -13,7 +16,7 @@
     tr {
       > td, > th {
-        line-height: 28px;
+        line-height: 26px;
       }
       &:hover {
@@ -86,12 +89,14 @@
 .blob-commit-info {
   list-style: none;
+  padding: $gl-padding;
+  background: $background-color;
+  border: 1px solid $border-color;
+  border-bottom: none;
   margin: 0;
-  padding: 0;
-  margin-bottom: 5px;
   .commit {
-    padding: $gl-padding 0;
+    padding: 0;
     .commit-row-title {
       .commit-row-message {
@@ -115,3 +120,8 @@
   font-weight: normal;
   color: $md-link-color;
 }
+
+.tree-controls {
+  float: right;
+  margin-top: 11px;
+}