From e4d6bb35b53032d1720b5812088b4b6a308d49a3 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Fri, 26 Aug 2022 23:10:10 -0500
Subject: [PATCH] Fix floating button to be on top of quick bet arrows. Switch
 icon.

---
 web/pages/home.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/pages/home.tsx b/web/pages/home.tsx
index 5464cdbe..265fd79a 100644
--- a/web/pages/home.tsx
+++ b/web/pages/home.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react'
 import { useRouter } from 'next/router'
-import { PlusSmIcon } from '@heroicons/react/solid'
+import { PencilAltIcon } from '@heroicons/react/solid'
 
 import { Page } from 'web/components/page'
 import { Col } from 'web/components/layout/col'
@@ -50,13 +50,13 @@ const Home = (props: { auth: { user: User } | null }) => {
         </Col>
         <button
           type="button"
-          className="fixed bottom-[70px] right-3 inline-flex items-center rounded-full border border-transparent bg-indigo-600 p-3 text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 lg:hidden"
+          className="fixed bottom-[70px] right-3 z-20 inline-flex items-center rounded-full border border-transparent bg-indigo-600 p-4 text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 lg:hidden"
           onClick={() => {
             router.push('/create')
             track('mobile create button')
           }}
         >
-          <PlusSmIcon className="h-8 w-8" aria-hidden="true" />
+          <PencilAltIcon className="h-7 w-7" aria-hidden="true" />
         </button>
       </Page>