interface: use cursor:pointer on buttons

pkg/interface/src/views/apps/chat/components/profile-overlay.js

@@ -119,7 +119,7 @@ export class ProfileOverlay extends PureComponent {
           )}
           <div className="mono gray2">{cite(`~${ship}`)}</div>
           {!isOwn && (
-            <Button mt={2} width="100%" onClick={this.createAndRedirectToDM}>
+            <Button mt={2} width="100%" style={{ cursor: 'pointer' }} onClick={this.createAndRedirectToDM}>
               Send Message
             </Button>
           )}

pkg/interface/src/views/apps/profile/components/lib/BucketList.tsx

@@ -93,7 +93,7 @@ export function BucketList({
           </Box>
         ))}
         <Input mt="2" label="New Bucket" id="newBucket" />
-        <Button mt="2" borderColor="washedGrey" type="submit">
+        <Button mt="2" style={{ cursor: 'pointer' }} borderColor="washedGrey" type="submit">
           Add
         </Button>
       </Form>

pkg/interface/src/views/apps/profile/components/lib/DisplayForm.tsx

@@ -126,7 +126,7 @@ export default function DisplayForm(props: DisplayFormProps) {
               id="nicknames"
               caption="Do not show user-set nicknames"
             />
-            <Button border={1} borderColor="washedGray" type="submit">
+            <Button border={1} style={{ cursor: 'pointer' }} borderColor="washedGray" type="submit">
               Save
             </Button>
           </Box>

pkg/interface/src/views/apps/profile/components/lib/RemoteContent.tsx

@@ -76,7 +76,7 @@ export default function RemoteContentForm(props: RemoteContentFormProps) {
               id="oembedShown"
               caption="Embedded content may contain scripts"
             />
-            <Button border={1} borderColor="washedGray" type="submit">
+            <Button style={{ cursor: 'pointer' }} border={1} borderColor="washedGray" type="submit">
               Save
             </Button>
           </Box>

pkg/interface/src/views/apps/profile/components/lib/S3Form.tsx

@@ -78,7 +78,7 @@ export default function S3Form(props: S3FormProps) {
               label="Secret Access Key"
               id="s3secretAccessKey"
             />
-            <Button type="submit">Submit</Button>
+            <Button style={{ cursor: 'pointer' }} type="submit">Submit</Button>
           </Form>
         </Formik>
       </Col>

pkg/interface/src/views/apps/profile/components/lib/Security.tsx

@@ -19,7 +19,7 @@ export default function SecuritySettings({ api }: SecuritySettingsProps) {
       <Box fontSize={0} mt={2} color="gray">
         You will be logged out of your Urbit on this browser.
         <form method="post" action="/~/logout">
-          <Button narrow mt='4' border={1}>
+          <Button mt='4' border={1} style={{ cursor: 'pointer' }}>
             Logout
           </Button>
         </form>
@@ -31,7 +31,7 @@ export default function SecuritySettings({ api }: SecuritySettingsProps) {
         You will be logged out of all browsers that have currently logged into your Urbit.
         <form method="post" action="/~/logout">
           <input type="hidden" name="all" />
-          <Button error narrow mt={4} border={1}>
+          <Button destructive mt={4} border={1} style={{ cursor: 'pointer' }}>
             Logout
           </Button>
         </form>

pkg/interface/src/views/apps/publish/components/Notebook.tsx

@@ -108,7 +108,7 @@ export class Notebook extends PureComponent<
         <Row justifyContent={["flex-start", "flex-end"]}>
           {isWriter && (
             <Link to={relativePath("/new")}>
-              <Button primary border>
+              <Button primary border style={{ cursor: 'pointer' }}>
                 New Post
               </Button>
             </Link>
@@ -124,6 +124,7 @@ export class Notebook extends PureComponent<
               <Button
                 ml={isWriter ? 2 : 0}
                 destructive
+                style={{ cursor: 'pointer' }}
                 onClick={() => {
                   this.setState({ isUnsubscribing: true });
                   api.publish

pkg/interface/src/views/apps/publish/components/Settings.tsx

@@ -56,7 +56,7 @@ export function Settings(props: SettingsProps) {
           Permanently delete this notebook. (All current members will no longer
           see this notebook.)
         </Label>
-        <Button mt="2" onClick={onDelete} destructive>
+        <Button mt="2" onClick={onDelete} destructive style={{ cursor: 'pointer' }}>
           Delete this notebook
         </Button>
       </Col>

pkg/interface/src/views/apps/publish/components/Subscribers.tsx

@@ -82,7 +82,7 @@ export class Subscribers extends Component<SubscribersProps> {
     return (
       <Box mt="3">
         { role === 'admin' && (
-          <Button mb={3} border onClick={this.addAll}>
+          <Button mb={3} border onClick={this.addAll} style={{ cursor: 'pointer' }}>
             Add all members as writers
           </Button>
         )}

pkg/interface/src/views/components/RemoteContent.tsx

@@ -151,6 +151,7 @@ export default class RemoteContent extends PureComponent<RemoteContentProps, Rem
             style={{ display: 'inline-flex', height: '1.66em' }} // Height is hacked to line-height until Button supports proper size
             ml={1}
             onClick={this.unfoldEmbed}
+            style={{ cursor: 'pointer' }}
           >
             {this.state.unfold ? 'collapse' : 'expand'}
           </Button> : null}

pkg/interface/src/views/components/UnjoinedResource.tsx

@@ -87,7 +87,7 @@ export function UnjoinedResource(props: UnjoinedResourceProps) {
         <Box mb={4}>
           <RichText color="gray">{description}</RichText>
         </Box>
-        <StatelessAsyncButton onClick={onJoin} mx="auto" border>
+        <StatelessAsyncButton onClick={onJoin} mx="auto" border style={{ cursor: 'pointer' }}>
           Join Channel
         </StatelessAsyncButton>
       </Col>