From edcd136b919fe970150ffab0583454d31d27ce51 Mon Sep 17 00:00:00 2001
From: Zsolt Ero <zsolt.ero@gmail.com>
Date: Wed, 17 Jan 2024 02:21:00 +0100
Subject: [PATCH] css work

---
 website/assets/style.css     |  2 +-
 website/blocks/map_docs.html | 15 +++++++--------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/website/assets/style.css b/website/assets/style.css
index 85a8639..198e968 100644
--- a/website/assets/style.css
+++ b/website/assets/style.css
@@ -167,7 +167,7 @@ button {
 }
 
 .button-container {
-  margin: 0 auto;
+  margin: 0 auto 0.6em;
   max-width: 600px;
   display: flex;
   flex-wrap: nowrap;
diff --git a/website/blocks/map_docs.html b/website/blocks/map_docs.html
index 89250e8..a900581 100644
--- a/website/blocks/map_docs.html
+++ b/website/blocks/map_docs.html
@@ -1,13 +1,12 @@
 <div id="map"></div>
 
-<p>
-  Choose a style:
-  <div class="button-container">
-    <button onclick="selectStyle('bright')">Bright</button>
-    <button onclick="selectStyle('liberty')">Liberty</button>
-    <button onclick="selectStyle('positron')">Positron</button>
-  </div>
-</p>
+<p>Choose a style:</p>
+<div class="button-container">
+  <button onclick="selectStyle('bright')">Bright</button>
+  <button onclick="selectStyle('liberty')">Liberty</button>
+  <button onclick="selectStyle('positron')">Positron</button>
+</div>
+
 <p style="margin-bottom: 2em">
   Use the following style in a MapLibre map:
   <code id="style-url-code">