From aaa3b10f71bcd9b83ad8ca4dae7107b321c0bfe8 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Mon, 3 Dec 2018 13:58:39 +0100
Subject: [PATCH 1/3] bigger scrollbar

---
 src/components/Repositories/RepositoryList.module.scss | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/Repositories/RepositoryList.module.scss b/src/components/Repositories/RepositoryList.module.scss
index 49c709ca..c7e0eb6a 100644
--- a/src/components/Repositories/RepositoryList.module.scss
+++ b/src/components/Repositories/RepositoryList.module.scss
@@ -45,16 +45,14 @@
 
     &::-webkit-scrollbar {
         opacity: 0;
-        width: 3px;
-        height: 3px;
+        width: 6px;
+        height: 6px;
         transition: opacity .2s ease-out;
     }
 
     &:hover {
         &::-webkit-scrollbar {
             opacity: 1;
-            width: 3px;
-            height: 3px;
         }
 
         &::-webkit-scrollbar-thumb {

From 25083df18e1a93533856edcc175faf6a439314a3 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Mon, 3 Dec 2018 14:58:14 +0100
Subject: [PATCH 2/3] get last item spacing

* work around felxbox containers not taking padding into account
---
 src/components/Repositories/RepositoryList.module.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Repositories/RepositoryList.module.scss b/src/components/Repositories/RepositoryList.module.scss
index c7e0eb6a..cc0952dc 100644
--- a/src/components/Repositories/RepositoryList.module.scss
+++ b/src/components/Repositories/RepositoryList.module.scss
@@ -7,7 +7,6 @@
     -webkit-overflow-scrolling: touch;
     margin-left: calc(-50vw + 50%);
     margin-right: calc(-50vw + 50%);
-    padding-right: $spacer;
     display: flex;
 
     @media (min-width: $break-point--medium) {
@@ -31,10 +30,12 @@
                 margin-left: 0;
             }
         }
+    }
 
-        &:last-child {
-            margin-right: $spacer * 1.4;
-        }
+    // add final right margin
+    &:after {
+        content: '';
+        flex: 0 0 $spacer * 2;
     }
 
     // custom scrollbar

From 1c16d2ef03e8c2583121837957d11a83cd78aef9 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Mon, 3 Dec 2018 15:40:54 +0100
Subject: [PATCH 3/3] spacing tweaks

---
 src/components/Repositories/RepositoryList.module.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Repositories/RepositoryList.module.scss b/src/components/Repositories/RepositoryList.module.scss
index cc0952dc..3c4bf022 100644
--- a/src/components/Repositories/RepositoryList.module.scss
+++ b/src/components/Repositories/RepositoryList.module.scss
@@ -35,7 +35,7 @@
     // add final right margin
     &:after {
         content: '';
-        flex: 0 0 $spacer * 2;
+        flex: 0 0 $spacer;
     }
 
     // custom scrollbar
@@ -46,8 +46,8 @@
 
     &::-webkit-scrollbar {
         opacity: 0;
-        width: 6px;
-        height: 6px;
+        width: 7px;
+        height: 7px;
         transition: opacity .2s ease-out;
     }