From 1766ab08ba33ed06d3f92b6ed4f47334bea9e9f6 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Fri, 10 Jul 2020 13:25:07 -0500
Subject: [PATCH] Updated LoggedOutNavigationBar to use same widths as normal
 NavigationBar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Updated:
- LoggedOutNavigationBar to use same widths as normal NavigationBar
---
 .../components/logged_out_navigation_bar.js   | 99 ++++++++++---------
 1 file changed, 51 insertions(+), 48 deletions(-)

diff --git a/app/javascript/gabsocial/components/logged_out_navigation_bar.js b/app/javascript/gabsocial/components/logged_out_navigation_bar.js
index 909bfedf..5cd7cd9f 100644
--- a/app/javascript/gabsocial/components/logged_out_navigation_bar.js
+++ b/app/javascript/gabsocial/components/logged_out_navigation_bar.js
@@ -17,60 +17,63 @@ export default class LoggedOutNavigationBar extends PureComponent {
         classNamesXS={[_s.default, _s.z4, _s.heightMin98PX, _s.width100PC].join(' ')}
       >
         <ResponsiveClassesComponent
-          classNames={[_s.default, _s.heightMin53PX, _s.flexRow, _s.flexWrap, _s.bgNavigation, _s.alignItemsCenter, _s.z3, _s.top0, _s.right0, _s.left0, _s.posFixed].join(' ')}
-          classNamesXS={[_s.default, _s.heightMin98PX, _s.flexRow, _s.flexWrap, _s.bgNavigation, _s.alignItemsCenter, _s.z3, _s.top0, _s.right0, _s.left0, _s.posFixed].join(' ')}
+          classNames={[_s.default, _s.heightMin53PX, _s.bgNavigation, _s.alignItemsCenter, _s.z3, _s.top0, _s.right0, _s.left0, _s.posFixed].join(' ')}
+          classNamesXS={[_s.default, _s.heightMin98PX, _s.bgNavigation, _s.alignItemsCenter, _s.z3, _s.top0, _s.right0, _s.left0, _s.posFixed].join(' ')}
         >
 
-          <ResponsiveClassesComponent
-            classNames={[_s.default, _s.flexRow, _s.saveAreaInsetPT, _s.saveAreaInsetPL, _s.saveAreaInsetPR,  _s.width330PX].join(' ')}
-            classNamesXS={[_s.default, _s.flexRow, _s.saveAreaInsetPT, _s.saveAreaInsetPL, _s.saveAreaInsetPR, _s.width100PC].join(' ')}
-          >
-
-            <Button
-              href='/'
-              color='none'
-              backgroundColor='none'
-              icon='logo'
-              iconClassName={[_s.mr5, _s.fillNavigation].join(' ')}
-            />
-
-            <div className={[_s.default, _s.flexGrow1, _s.mr10].join(' ')}>
-              <Search isInNav />
-            </div>
-
-          </ResponsiveClassesComponent>
-
-          <ResponsiveClassesComponent
-            classNames={[_s.default, _s.flexRow, _s.py5, _s.px10, _s.width330PX, _s.mlAuto].join(' ')}
-            classNamesXS={[_s.default, _s.flexRow, _s.pb5, _s.px10, _s.width100PC].join(' ')}
-          >
-
-            <Button
-              isNarrow
-              isOutline
-              color='white'
-              backgroundColor='none'
-              href='/auth/sign_in'
-              className={[_s.borderColorWhite, _s.mr5, _s.flexGrow1, _s.alignItemsCenter, _s.justifyContentCenter, _s.py7].join(' ')}
+          <div className={[_s.default, _s.width1015PX, _s.flexRow, _s.flexWrap, _s.height100PC].join(' ')}>
+          
+            <ResponsiveClassesComponent
+              classNames={[_s.default, _s.flexRow, _s.saveAreaInsetPT, _s.saveAreaInsetPL, _s.saveAreaInsetPR,  _s.width330PX].join(' ')}
+              classNamesXS={[_s.default, _s.flexRow, _s.saveAreaInsetPT, _s.saveAreaInsetPL, _s.saveAreaInsetPR, _s.width100PC].join(' ')}
             >
-              <Text color='inherit' weight='medium' align='center'>
-                Log in
-              </Text>
-            </Button>
 
-            <Button
-              isNarrow
-              color='brand'
-              backgroundColor='white'
-              href='/auth/sign_up'
-              className={[_s.justifyContentCenter, _s.alignItemsCenter, _s.ml5, _s.flexGrow1, _s.py7].join(' ')}
+              <Button
+                href='/'
+                color='none'
+                backgroundColor='none'
+                icon='logo'
+                iconClassName={[_s.mr5, _s.fillNavigation].join(' ')}
+              />
+
+              <div className={[_s.default, _s.flexGrow1, _s.mr10].join(' ')}>
+                <Search isInNav />
+              </div>
+
+            </ResponsiveClassesComponent>
+
+            <ResponsiveClassesComponent
+              classNames={[_s.default, _s.flexRow, _s.py5, _s.px10, _s.width330PX, _s.mlAuto].join(' ')}
+              classNamesXS={[_s.default, _s.flexRow, _s.pb5, _s.px10, _s.width100PC].join(' ')}
             >
-              <Text color='inherit' weight='bold' align='center'>
-                Sign up
-              </Text>
-            </Button>
 
-          </ResponsiveClassesComponent>
+              <Button
+                isNarrow
+                isOutline
+                color='white'
+                backgroundColor='none'
+                href='/auth/sign_in'
+                className={[_s.borderColorWhite, _s.mr5, _s.flexGrow1, _s.alignItemsCenter, _s.justifyContentCenter, _s.py7].join(' ')}
+              >
+                <Text color='inherit' weight='medium' align='center'>
+                  Log in
+                </Text>
+              </Button>
+
+              <Button
+                isNarrow
+                color='brand'
+                backgroundColor='white'
+                href='/auth/sign_up'
+                className={[_s.justifyContentCenter, _s.alignItemsCenter, _s.ml5, _s.flexGrow1, _s.py7].join(' ')}
+              >
+                <Text color='inherit' weight='bold' align='center'>
+                  Sign up
+                </Text>
+              </Button>
+
+            </ResponsiveClassesComponent>
+          </div>
 
         </ResponsiveClassesComponent>
       </ResponsiveClassesComponent>