From e03e7b2c3fd8d5bc97d9ca46594ec6dc689bce64 Mon Sep 17 00:00:00 2001
From: Marius Peter <marius.peter@tutanota.com>
Date: Tue, 31 Dec 2024 19:25:07 +0100
Subject: Updated stylesheets.

---
 app/assets/stylesheets/components/cookies_banner.css   | 18 ++++++++++++------
 app/assets/stylesheets/components/nav_top.css          |  2 ++
 .../stylesheets/components/tartiflette_container.css   |  8 ++++++--
 3 files changed, 20 insertions(+), 8 deletions(-)

(limited to 'app')

diff --git a/app/assets/stylesheets/components/cookies_banner.css b/app/assets/stylesheets/components/cookies_banner.css
index b675e82..3caae21 100644
--- a/app/assets/stylesheets/components/cookies_banner.css
+++ b/app/assets/stylesheets/components/cookies_banner.css
@@ -1,16 +1,22 @@
-#cookies-banner {
+div#cookies-banner {
     position: fixed;
     bottom: 0;
-    height: 30%;
     width: 100%;
+    /* padding: 1rem; */
     background-color: darkred;
     color: white;
     text-align: center;
-    padding: 1em;
     font-family: 'Arial', sans-serif;
+    font-weight: bold;
+
+    .button-group {
+	display: flex;
+	justify-content: center;
+	gap: 1rem;
+	margin: 1rem;
+    }
 }
 
-#cookies-banner p {
-    /* margin: 0; */
-    font-weight: bold;
+img#baboon {
+    height: 40vh;
 }
diff --git a/app/assets/stylesheets/components/nav_top.css b/app/assets/stylesheets/components/nav_top.css
index a3247a4..8406ba3 100644
--- a/app/assets/stylesheets/components/nav_top.css
+++ b/app/assets/stylesheets/components/nav_top.css
@@ -4,6 +4,8 @@ nav#top {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    top: 0;
+    position: sticky;
 
     ul {
 	display: flex;
diff --git a/app/assets/stylesheets/components/tartiflette_container.css b/app/assets/stylesheets/components/tartiflette_container.css
index 64c4053..abe5537 100644
--- a/app/assets/stylesheets/components/tartiflette_container.css
+++ b/app/assets/stylesheets/components/tartiflette_container.css
@@ -33,7 +33,11 @@
 	background-color: firebrick;
     }
 
-    .tartiflette-link:hover {
-	background-color: #0056b3; /* Darker blue for hover effect */
+    .unscored.tartiflette-link:hover {
+	background-color: tomato;
+    }
+
+    .scored.tartiflette-link:hover {
+	background-color: limegreen;
     }
 }
-- 
cgit v1.2.3