From 09ef5ecff070d40850f9cb4abf7c43e0803f082a Mon Sep 17 00:00:00 2001
From: C0d3v <chococookiemedia@gmail.com>
Date: Sat, 7 Feb 2026 20:10:11 +0100
Subject: [PATCH] Update and style second page

---
 ui.R | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/ui.R b/ui.R
index ae19823..98d31f1 100644
--- a/ui.R
+++ b/ui.R
@@ -105,6 +105,10 @@ ui <- function() {
           .bslib-card .card-body {
             padding: 0;
           }
+          .card-body.bslib-gap-spacing.html-fill-item.html-fill-container{
+            border-radius: 12px;
+            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+          }
           #grph_top3 {
             height: 100% !important;
           }
@@ -142,9 +146,23 @@ ui <- function() {
           .selectize-control.multi .selectize-input {
             padding-right: 35px !important;
           }
+          .selectize-control.multi .selectize-input > div {
+            border-radius: 12px;
+            padding: 2px 16px 2px 16px;
+            background: #d5f4ff;
+          }
+          .selectize-control.multi .selectize-input > div.active {
+            background: #b8ecff;
+            color: #000;
+          }
           .selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header {
             display: none;
           }
+          #vergleich_balkendiagramm {
+            border-radius: 12px;
+            overflow: hidden;
+            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+          }
         "
         )
 
@@ -374,10 +392,7 @@ ui <- function() {
               selected = 2024
             )
           ),  
-          card(
-            card_header(uiOutput("vergleichs_titel")), # Dynamischer Titel
-            plotlyOutput("vergleich_balkendiagramm")
-          )
+          plotlyOutput("vergleich_balkendiagramm")
         )
       ),