From 1899ddfbfb2ef96fcca6d27c6c6d516dbb248f46 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Wed, 13 Jan 2021 12:03:09 -0500
Subject: [PATCH] Updated PanelLayout footerButton styles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Updated:
- PanelLayout footerButton styles
---
 .../gabsocial/components/panel/panel_layout.js   | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/javascript/gabsocial/components/panel/panel_layout.js b/app/javascript/gabsocial/components/panel/panel_layout.js
index 69fb5660..e714e7a4 100644
--- a/app/javascript/gabsocial/components/panel/panel_layout.js
+++ b/app/javascript/gabsocial/components/panel/panel_layout.js
@@ -38,13 +38,15 @@ class PanelLayout extends React.PureComponent {
                   <div className={[_s.d, _s.mlAuto].join(' ')}>
                     <Button
                       isText
+                      radiusSmall
                       backgroundColor='none'
                       color='brand'
                       to={headerButtonTo}
                       href={headerButtonHref}
                       onClick={headerButtonAction}
+                      className={[_s.px15, _s.py5, _s.bgSubtle_onHover].join(' ')}
                     >
-                      <Text size='small' color='inherit' weight='bold'>
+                      <Text color='inherit' weight='bold'>
                         {headerButtonTitle}
                       </Text>
                     </Button>
@@ -73,17 +75,17 @@ class PanelLayout extends React.PureComponent {
 
           {
             (!!footerButtonTitle && (!!footerButtonAction || !!footerButtonTo || !!footerButtonHref)) &&
-            <div className={_s.d}>
+            <div className={[_s.d, _s.py10, _s.px10].join(' ')}>
               <Button
-                isText
-                color='none'
-                backgroundColor='none'
+                radiusSmall
+                color='primary'
+                backgroundColor='tertiary'
                 to={footerButtonTo}
                 href={footerButtonHref}
                 onClick={footerButtonAction}
-                className={[_s.px15, _s.py15, _s.bgSubtle_onHover].join(' ')}
+                className={[_s.px15, _s.py10, _s.bgSubtle_onHover].join(' ')}
               >
-                <Text color='brand' size='medium'>
+                <Text color='inherit' size='medium' weight='medium' align='center'>
                   {footerButtonTitle}
                 </Text>
               </Button>