From 76b123ce499e69a1df8f1552b276f76b94343c81 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 21 Nov 2018 16:32:56 +0100
Subject: [PATCH] repo layout tweaks

---
 src/components/Repositories/Repository.module.scss | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/Repositories/Repository.module.scss b/src/components/Repositories/Repository.module.scss
index bc5d7057..c368fc24 100644
--- a/src/components/Repositories/Repository.module.scss
+++ b/src/components/Repositories/Repository.module.scss
@@ -9,6 +9,12 @@
     text-align: left;
     width: 100%;
     margin-bottom: $spacer;
+    display: flex;
+    flex-wrap: wrap;
+
+    p {
+        align-self: flex-start;
+    }
 }
 
 .repositoryName {
@@ -17,6 +23,7 @@
     margin-bottom: $spacer / 2;
     border: 0;
     padding: 0;
+    width: 100%;
 
     a:first-of-type {
         color: $brand-black;
@@ -44,13 +51,16 @@
 
 .repositoryMeta {
     display: flex;
-    align-items: center;
+    align-items: flex-end;
+    align-self: flex-end;
+    width: 100%;
 }
 
 .repositoryLinks {
     margin: 0;
     padding: 0;
     margin-left: -($spacer / $line-height);
+    width: 80%;
 
     li {
         display: inline-block;
@@ -71,9 +81,9 @@
 .repositorynumbers {
     font-size: $font-size-small;
     margin-left: -($spacer / 4);
-    margin-bottom: -.2rem;
     flex: 1;
     text-align: right;
+    width: 20%;
 
     a {
         color: $brand-grey-light;