fix: duplicate 'powered by' on sign in, fixes #629

packages/app/src/components/extension-button.tsx

@@ -51,7 +51,7 @@ const getBrowser = (): Browser | null => {
 
 export const ExtensionButton: FC<BoxProps> = ({ ...rest }) => {
   const browser = getBrowser();
-  const isMobile = window.matchMedia('only screen and (max-width: 760px)').matches;
+  const isMobile = window.matchMedia('(pointer: coarse) and (max-width: 760px)').matches;
 
   if (browser === null || isMobile) {
     return <PoweredBy />;

packages/app/src/pages/sign-in/initial.tsx

@@ -1,13 +1,5 @@
 import React, { useState, createRef } from 'react';
-import {
-  Screen,
-  ScreenBody,
-  ScreenActions,
-  Title,
-  PoweredBy,
-  ScreenFooter,
-  ScreenHeader,
-} from '@screen';
+import { Screen, ScreenBody, ScreenActions, Title, ScreenFooter, ScreenHeader } from '@screen';
 import { Box, Text, Input, Flex, Button, space } from '@blockstack/ui';
 import { AppIcon } from '@components/app-icon';
 import { Link } from '@components/link';
@@ -138,7 +130,6 @@ export const SignIn: React.FC<SignInProps> = props => {
       </ScreenActions>
       <ScreenFooter flexWrap="wrap" mt={space('base')}>
         <ExtensionButton my={space('base')} />
-        <PoweredBy />
       </ScreenFooter>
     </Screen>
   );