From af29cb938664615f0da79a87f3b679d219b48b30 Mon Sep 17 00:00:00 2001
From: E Kelen <erskelen@gmail.com>
Date: Wed, 14 Oct 2020 11:40:47 -0400
Subject: [PATCH] feat: a large show-hide feed button (#408)

Signed-off-by: Elizabeth Kelen <erskelen@gmail.com>
---
 web/src/ui/components/BuildList.js | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/web/src/ui/components/BuildList.js b/web/src/ui/components/BuildList.js
index 9cd11415..178bca95 100644
--- a/web/src/ui/components/BuildList.js
+++ b/web/src/ui/components/BuildList.js
@@ -93,7 +93,8 @@ const FeedDisplayToggler = ({
     padding: '0.3rem 0.7rem',
     display: 'flex',
     alignItems: 'center',
-    marginBottom: '1rem',
+    marginBottom: '1.4rem',
+    marginTop: '1.4rem',
   }
 
   return (
@@ -210,14 +211,18 @@ const BuildList = ({ builds = [], loaded }) => {
         }}
       />
       {loaded && indexOfLatestMasterBuildsForProjects.length > 0 && (
-        <FeedDisplayToggler
-          {...{
-            onSetDisplayFeed,
-            displayFeed,
-            loaded,
-            builds,
-          }}
-        />
+        <div
+          style={{ display: 'flex', width: '100%', justifyContent: 'center' }}
+        >
+          <FeedDisplayToggler
+            {...{
+              onSetDisplayFeed,
+              displayFeed,
+              loaded,
+              builds,
+            }}
+          />
+        </div>
       )}
       <div
         ref={ref}