Somewhat fix logout button styling

Tampereen-Urheilusukeltajat · Jan 4, 2025 · 69ce207 · 69ce207
1 parent baa8553
commit 69ce207
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/src/components/Navbar/Navbar.module.scss b/src/components/Navbar/Navbar.module.scss
@@ -76,8 +76,6 @@ nav {
 
 .logout {
   align-self: center;
-  height: 42px;
-  margin: 0rem 1rem;
 }
 
 @media (max-width: 780px) {

diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx
@@ -55,11 +55,12 @@ export const Navbar: React.FC = () => {
                   </div>
                 </CustomLink>
               </div>
-              <TertiaryButton
-                className={styles.logout}
-                onClick={handleLogoutButtonClick}
-                text="Kirjaudu ulos"
-              />
+              <div className={styles.logout}>
+                <TertiaryButton
+                  onClick={handleLogoutButtonClick}
+                  text="Kirjaudu ulos"
+                />
+              </div>
             </Nav>
           </div>
         </BootNavbar.Collapse>