From f41f7e8317d13a5c56c697d80702f06f8ae52977 Mon Sep 17 00:00:00 2001
From: elise <hei@elisejakob.no>
Date: Tue, 6 Aug 2024 21:53:48 +0200
Subject: [PATCH] beautify venue pages

---
 web/src/app/lokaler/[slug]/page.tsx               | 15 ++++-----------
 .../blocks/imageSliderBlock.module.scss           |  2 +-
 web/src/components/venues/neufMap.module.scss     |  7 +++++++
 web/src/components/venues/venueInfo.module.scss   |  2 +-
 web/src/css/base.scss                             |  5 +++++
 5 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/web/src/app/lokaler/[slug]/page.tsx b/web/src/app/lokaler/[slug]/page.tsx
index e2d0dcf..e865894 100644
--- a/web/src/app/lokaler/[slug]/page.tsx
+++ b/web/src/app/lokaler/[slug]/page.tsx
@@ -103,17 +103,10 @@ export default async function Page({ params }: { params: { slug: string } }) {
   return (
     <main className="site-main" id="main">
       <ImageSliderBlock block={placeholderBlock} hero />
-      <Breadcrumb link="/utleie" text="Lokale" />
-      <h1 className="page-title">{venue.title}</h1>
-      {/*featuredImage && (
-          <Image
-            src={featuredImage.url}
-            alt={featuredImage.alt}
-            width={featuredImage.width}
-            height={featuredImage.height}
-            sizes="100vw"
-          />
-        )*/}
+      <div className="page-header-small">
+        <Breadcrumb link="/utleie" text="Lokale" />
+        <h1 className="page-title">{venue.title}</h1>
+      </div>
       <Blocks blocks={venue.body} />
       <VenueInfo venue={venue} />
       <NeufMap venueSlug={venue.slug} />
diff --git a/web/src/components/blocks/imageSliderBlock.module.scss b/web/src/components/blocks/imageSliderBlock.module.scss
index 5360fb9..81b7cd6 100644
--- a/web/src/components/blocks/imageSliderBlock.module.scss
+++ b/web/src/components/blocks/imageSliderBlock.module.scss
@@ -3,7 +3,7 @@
   padding-top: 56%;
   background: var(--color-black);
   color: var(--color-goldenBeige);
-  margin: calc(var(--spacing-sitepadding-block)*2) calc(var(--spacing-sitepadding-inline)*-1);
+  margin: calc(var(--spacing-sitepadding-block)*2) calc(var(--spacing-sitepadding-inline)*-1) var(--spacing-sitepadding-block);
 
   figure {
     width: 100%;
diff --git a/web/src/components/venues/neufMap.module.scss b/web/src/components/venues/neufMap.module.scss
index cbdf6e0..24f627a 100644
--- a/web/src/components/venues/neufMap.module.scss
+++ b/web/src/components/venues/neufMap.module.scss
@@ -10,4 +10,11 @@
 .floorHeading {
   color: var(--color-deepBrick);
   font-weight: 600;
+}
+
+@media (max-width: 800px) {
+  .neufMap {
+    max-width: 600px;
+    grid-template-columns: 1fr;
+  }
 }
\ No newline at end of file
diff --git a/web/src/components/venues/venueInfo.module.scss b/web/src/components/venues/venueInfo.module.scss
index d8ef5e5..267218d 100644
--- a/web/src/components/venues/venueInfo.module.scss
+++ b/web/src/components/venues/venueInfo.module.scss
@@ -9,7 +9,7 @@
   }
 
   tr {
-    border-bottom: var(--border);
+    border-top: var(--border);
   }
 
   th {
diff --git a/web/src/css/base.scss b/web/src/css/base.scss
index 6784f62..a64ca7b 100644
--- a/web/src/css/base.scss
+++ b/web/src/css/base.scss
@@ -326,4 +326,9 @@ select {
     right: 0;
     bottom: -50%;
   }
+}
+
+.page-header-small {
+  max-width: var(--size-width-p);
+  margin: 0 auto 1rem;
 }
\ No newline at end of file