fix: styling login button

app/components/Navbar.php

@@ -39,9 +39,16 @@
                 <?php endif;?>
                 <?php endif;?>
             </ul>
-            <form method="POST"
-                    action="/../user/logout"  >
-                    <input class="section" type="submit" value="Log Out"> </input>
-            </form>
+            <?php if(isset($_SESSION['username'])):?>
+                <form method="POST"
+                        action="/../user/logout"  >
+                        <input class="section" type="submit" value="Log Out"> </input>
+                </form>
+                <?php else : ?>
+                    <form method="GET"
+                        action="/../user/login"  >
+                        <input class="section login" type="submit" id ="login" value="Log In"> </input>
+                </form>
+            <?php endif;?>
         </div>
     </nav>

app/public/styles/template/navbar.css

@@ -139,7 +139,10 @@ label #btn {
     align-items: center;
     text-decoration: none;
 }
-
+.login{
+    background-color: white!important;
+    color:teal!important;
+}
 .section .title {
     display: flex;
     text-align: center;