From e20ca592d25e52a6ecc109425ceb194b3f77cbe9 Mon Sep 17 00:00:00 2001
From: Sergey P <spylogsster@gmail.com>
Date: Wed, 7 Apr 2021 15:04:03 +0300
Subject: [PATCH] New style for ipfs buttons

---
 components/ipfs_ui/components/daemonStatus.tsx | 4 ++--
 components/ipfs_ui/style.ts                    | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/ipfs_ui/components/daemonStatus.tsx b/components/ipfs_ui/components/daemonStatus.tsx
index d0fe59dae1ba..06270658fce2 100644
--- a/components/ipfs_ui/components/daemonStatus.tsx
+++ b/components/ipfs_ui/components/daemonStatus.tsx
@@ -7,7 +7,7 @@ import * as React from 'react'
 
 import { getLocale } from '../../common/locale'
 
-import { PaddedButton, Section, SideBySideButtons, Title, Error } from '../style'
+import { PaddedButton, BorderlessButton, Section, SideBySideButtons, Title, Error } from '../style'
 
 interface Props {
   daemonStatus: IPFS.DaemonStatus
@@ -57,7 +57,7 @@ export class DaemonStatus extends React.Component<Props, {}> {
           />
           )}
           {this.props.addressesConfig.api && !this.props.daemonStatus.restarting && (
-          <PaddedButton
+          <BorderlessButton
             text={getLocale('openWebUI')}
             size={'small'}
             onClick={this.props.onOpenNodeWebUI}
diff --git a/components/ipfs_ui/style.ts b/components/ipfs_ui/style.ts
index d37e862e83ce..a6965b2109b4 100644
--- a/components/ipfs_ui/style.ts
+++ b/components/ipfs_ui/style.ts
@@ -22,9 +22,15 @@ export const SideBySideButtons = styled('div')<{}>`
 `
 
 export const PaddedButton = styled(Button as React.ComponentType<ButtonProps>)`
+  background-color: white;
+  color: black;
   margin: 5px;
 `
 
+export const BorderlessButton = styled(PaddedButton as React.ComponentType<ButtonProps>)`
+  border-style: none
+`
+
 export const GrayStyle = {
   color: 'grey'
 }