Pretty NPM Profile

style.css

:root {
  --package-gutter: 8px;
  --package-border-size: 1px;
  --package-border: var(--package-border-size) solid rgba(0,0,0, .15);
  --name-size: 200px;
  --version-size: 64px;
  --version-gutter: 5px;
}

.collaborated-packages {
  display: flex;
  flex-direction: column;
}

.collaborated-packages > li {
  display: flex;
  flex-direction: row;
  padding-top: calc(var(--package-gutter) - var(--package-border-size)) !important;
  padding-bottom: var(--package-gutter) !important;
}

.collaborated-packages > li + li {
  border-top: var(--package-border);
}

.collaborated-packages > li > a {
  width: var(--name-size);
  max-width: var(--name-size);
  min-width: var(--name-size);
}

.collaborated-packages > li > strong {
  width: var(--version-size);
  max-width: var(--version-size);
  min-width: var(--version-size);
  padding-right: var(--version-gutter);
  padding-left: var(--version-gutter);
}