From 1624bd0bb52935cf07316fee96875261809bfb50 Mon Sep 17 00:00:00 2001 From: Clemens Beese Date: Tue, 15 Sep 2026 12:11:29 +0200 Subject: [PATCH 1/2] Mindre og runde knapper i sidebaren, smalere sidekolonner --- src/App.css | 2 +- src/components/Sidebar.css | 24 +++++++++++++++++++++--- 2 files changed, 22 insertions(+), 4 deletions(-) diff --git a/src/App.css b/src/App.css index 2da363b..a9452e7 100644 --- a/src/App.css +++ b/src/App.css @@ -198,5 +198,5 @@ } .page > .page-spacer { - flex: 1 1 0; /* 1 del av 4 = 1/4 av siden, samme som sidebar */ + flex: 0 0 200px; } diff --git a/src/components/Sidebar.css b/src/components/Sidebar.css index 9e17632..0ce39ef 100644 --- a/src/components/Sidebar.css +++ b/src/components/Sidebar.css @@ -5,7 +5,7 @@ html { .sidebar { text-align: left; - flex: 1 1 0; /* 2 del av 4 = 1/4 av siden */ + flex: 0 0 200px; position: sticky; /*betyr at elementet oppfører seg helt normalt helt til man scroller forbi "top" grensen som man også setter */ top: 24px; /* @@ -27,6 +27,24 @@ html { gap: 18px; /* avstand mellom lenkene */ } + + .sidebar-nav a { - font-size: 28px; /* juster tallet til det ser riktig ut */ -} \ No newline at end of file + display: block; /* gjør hele raden klikkbar, ikke bare bokstavene */ + font-size: 17px; /* var 28px - hovedgrunnen til at sidebaren dominerte */ + padding: 10px 14px; + border-radius: 10px; /* samme runding som filmkortene */ + text-decoration: none; + color: var(--text-h); +} + +.sidebar-nav a:hover { + background: var(--accent-bg); + color: var(--accent); +} + +.sidebar-nav a:focus-visible { + outline: 2px solid var(--accent); + outline-offset: 2px; +} + From 8c857e2c59b3c3b71a55e80e192d67c01be963c9 Mon Sep 17 00:00:00 2001 From: Clemens Beese Date: Tue, 15 Sep 2026 12:21:39 +0200 Subject: [PATCH 2/2] Mindre og runde knapper i sidebaren, smalere side --- src/App.css | 2 +- src/components/Sidebar.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/App.css b/src/App.css index a9452e7..fb43242 100644 --- a/src/App.css +++ b/src/App.css @@ -198,5 +198,5 @@ } .page > .page-spacer { - flex: 0 0 200px; + flex: 0 0 300px; } diff --git a/src/components/Sidebar.css b/src/components/Sidebar.css index 0ce39ef..03f3ff2 100644 --- a/src/components/Sidebar.css +++ b/src/components/Sidebar.css @@ -5,7 +5,7 @@ html { .sidebar { text-align: left; - flex: 0 0 200px; + flex: 0 0 300px; position: sticky; /*betyr at elementet oppfører seg helt normalt helt til man scroller forbi "top" grensen som man også setter */ top: 24px; /*