From 837e666af9bb764945773fa69c241f6252280705 Mon Sep 17 00:00:00 2001
From: pbbfa23abi <karol.bielski@edu.bib.de>
Date: Mon, 16 Jun 2025 12:56:41 +0200
Subject: [PATCH] icons + button zum AdminPanel

---
 CSS/Element/button.css | 17 +++++++++++++++++
 Views/header.phtml     |  4 +++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/CSS/Element/button.css b/CSS/Element/button.css
index 13914dd..8df442c 100644
--- a/CSS/Element/button.css
+++ b/CSS/Element/button.css
@@ -6,4 +6,21 @@
   font-size: var(--font-size-text);
   border-radius: 3px;
   text-decoration: none;
+}
+
+.btn-user {
+  border-radius: 9999px;
+  color: var(--brand-primary);
+  background-color: var(--brand-white);
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  justify-items: center;
+  align-items: center;
+  width: fit-content;
+  aspect-ratio: 1/1;
+}
+
+.btn-user > span {
+  font-size: 28px;
 }
\ No newline at end of file
diff --git a/Views/header.phtml b/Views/header.phtml
index 91d5b90..a1ddec0 100644
--- a/Views/header.phtml
+++ b/Views/header.phtml
@@ -8,6 +8,8 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
+      rel="stylesheet">
     <link href="CSS/style.css" rel="stylesheet" type="text/css" />
 </head>
 
@@ -17,6 +19,7 @@
             <div class="d-flex-between">
                 <h3 class="logo">bib<span>course</span></h3>
                 <div id="metanavi">
+                    <a class="btn btn-user" href="?controller=Admin&do=showForm"><span class="material-icons">person</span></a>
                     <a class="btn btn-register" href="?controller=User&do=showUserForm">Registration</a>
                 </div>
             </div>
@@ -26,7 +29,6 @@
                     <li><a href="#">Projekte</a></li>
                     <li><a href="#">Workshops</a></li>
                     <li><a href="?controller=Contact&do=showContactForm">Kontakt</a></li>
-
                 </ul>
             </nav>
         </div>