From 146c485936e5e64768a3a84b475e682818b4a3d9 Mon Sep 17 00:00:00 2001
From: Luka Hietala <luka.hietala08@gmail.com>
Date: Fri, 31 Oct 2025 11:28:06 +0200
Subject: [PATCH] header css

---
 css/style.css  | 53 ++++++++++++++++++++++++++++++++++++++++++++++----
 src/header.php | 52 ++++++++++++++++++++++++++-----------------------
 2 files changed, 77 insertions(+), 28 deletions(-)

diff --git a/css/style.css b/css/style.css
index 7984b23..0224853 100755
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,17 @@
+:root {
+  --main-color: #01a4e4;
+  --main-gray: #3d3d3d;
+}
+
+* {
+    font-family: sans-serif;
+}
+
+
+a {
+    text-decoration: none;
+    color: blue;
+}
 table, th, td{
     border: 1px solid black;
     border-collapse: collapse;
@@ -6,9 +20,7 @@ table, th, td{
     width: 100%;
     overflow-x: auto;
 }
-nav {
-    text-align: right;
-}
+
 main{
     width: 100wv;
     display: flex;
@@ -22,8 +34,41 @@ aside{
     text-align: right;
     flex: 1;
 }
+
 footer{
     text-align: center;
 }
-input{
+
+thead {
+    top: 0;
+    position: sticky; 
+}
+
+.navigaatio {
+    background-color: white;
+    position: sticky; 
+    top: 0;
+    overflow: hidden;
+}
+
+.navigaatio nav{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    min-width: 100vh;
+}
+
+.navigaatio-osio {
+    display: flex;
+    flex-direction: row;
+    gap: 4px;
+    color: var(--main-gray) !important;
+}
+
+.navigaatio-osio a {
+    color: var(--main-gray)
 }
+
+.navigaatio-osio a:hover {
+    color: var(--main-color)
+}
\ No newline at end of file
diff --git a/src/header.php b/src/header.php
index 59d5a52..29a06ca 100644
--- a/src/header.php
+++ b/src/header.php
@@ -1,34 +1,38 @@
-<header>
 <?php
 include "../src/kirjautunut.php";
 $conn->close();
 ?>
-	<hr>
+
+<header class="navigaatio">
 	<nav>
-	  <a href="../public/index.php">Opiskelijoiden harjoittelupaikat</a>
-	  <span>·</span>
-	  <a href="../public/harjoittelupaikat.php">Harjoittelupaikat</a>
-	  <span>·</span>
-		<?php
-		if ($logged_in){
-			echo	"Kirjauduttu sisään, tervetuloa {$tunnus}";
-			echo 	"<span>·</span>";
-			echo 	"<a href='../src/kirjaudu_ulos.php'>Kirjaudu ulos</a>";
-			if ($op) {
+		<div class="navigaatio-osio">
+			<a href="../public/index.php">Opiskelijat</a>
+			<span>·</span>
+			<a href="../public/harjoittelupaikat.php">Harjoittelupaikat</a>
+			<span>·</span>
+			<a href="uusopiskelija.php">Lisää uusi opiskelija</a>
+		</div>
+		<div class="navigaatio-osio">
+
+			<?php
+			if ($logged_in){
+				echo	"Kirjauduttu sisään, tervetuloa {$tunnus}";
 				echo 	"<span>·</span>";
-				echo 	"<a href='admin.php'>Admin paneeli</a>";
+				echo 	"<a href='../src/kirjaudu_ulos.php'>Kirjaudu ulos</a>";
+				if ($op) {
+					echo 	"<span>·</span>";
+					echo 	"<a href='admin.php'>Admin paneeli</a>";
+				}
 			}
-		}
-		else {
-			echo	"<a href='kirjautuminen.php'>Kirjaudu sisään</a>";
-			echo 	"<span>·</span>";
-			echo	"<a href='register.php'>Rekisteröidy</a>";
-			
-		}
-		?>
-	  <span>·</span>
-	  <a href="uusopiskelija.php">Lisää uusi opiskelija</a>
-	  <hr>
+			else {
+				echo	"<a href='kirjautuminen.php'>Kirjaudu sisään</a>";
+				echo 	"<span>·</span>";
+				echo	"<a href='register.php'>Rekisteröidy</a>";
+				
+			}
+			?>
+		</div>
 	</nav>
+	<hr>
 </header>
 
-- 
2.47.3