app/assets/stylesheets/views/users.scss

.user-list {

  @include core-19;
  margin-bottom: $gutter * 1.5;

  &-item {

    padding: $gutter-half 150px $gutter-half 0;
    border-top: 1px solid $border-colour;

    &:last-child {
      border-bottom: 1px solid $border-colour;
    }

  }

}
Tidy layout of team page The team page was a bit of a mess: - invited and active tables didn’t line up - lots of things were wrapping onto two lines - the empty fields for when a user didn’t have permissions looked broken This commit splits each row of the table (not actually a table any more) onto two lines. First line has the user’s info, second has their permissions and any associated actions. 2016-07-07 09:17:50 +01:00			`.user-list {`

Use 19px not 16px type in more places Making the navigation narrower means that we have more space on every page. So on pages where we had to use 16px type just to fit stuff on the page we can now bump the type size up to something less miserly. This is mainly the team and settings pages. We still need to use 16px on pages which list notifications or previews of spreadsheets, because we’re still trying to fit a lot of information onto these pages, so every little space-saving helps. 2017-03-15 12:50:45 +00:00			`@include core-19;`
Remove ‘active’ title on team page This section of the page is covered by the ‘Team members’ `<h1>`. Only the invited users is a special case that needs its own title. 2016-09-07 12:21:43 +01:00			`margin-bottom: $gutter * 1.5;`
Tidy layout of team page The team page was a bit of a mess: - invited and active tables didn’t line up - lots of things were wrapping onto two lines - the empty fields for when a user didn’t have permissions looked broken This commit splits each row of the table (not actually a table any more) onto two lines. First line has the user’s info, second has their permissions and any associated actions. 2016-07-07 09:17:50 +01:00
			`&-item {`

Change manage team layout to fit extra option We’ve moved from three to four permissions. Four permissions don’t fit in the exiting horizontal layout. This commit makes the permissions stack vertically instead. This approach has some downsides: - makes the permissions less easy to scan vertically - makes them take up a lot more space (and at lives services, most of them have somewhere around 15 team members) But I think for now it’s better than any horizontal alternative that I tried. 2017-08-17 14:30:53 +01:00			`padding: $gutter-half 150px $gutter-half 0;`
Tidy layout of team page The team page was a bit of a mess: - invited and active tables didn’t line up - lots of things were wrapping onto two lines - the empty fields for when a user didn’t have permissions looked broken This commit splits each row of the table (not actually a table any more) onto two lines. First line has the user’s info, second has their permissions and any associated actions. 2016-07-07 09:17:50 +01:00			`border-top: 1px solid $border-colour;`

			`&:last-child {`
			`border-bottom: 1px solid $border-colour;`
			`}`

			`}`

			`}`