From 8ed4da4e9d63a7605d868c54db0aca557e8c171f Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Thu, 1 Jun 2023 02:52:10 +0200
Subject: [PATCH] Style: copyright button

---
 UI/ThemeViewGUI.svelte               |  6 +++---
 public/css/index-tailwind-output.css | 24 ++++++++++++++++++------
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/UI/ThemeViewGUI.svelte b/UI/ThemeViewGUI.svelte
index 5d8d14030f..184506d979 100644
--- a/UI/ThemeViewGUI.svelte
+++ b/UI/ThemeViewGUI.svelte
@@ -143,14 +143,14 @@
 
 <div class="absolute bottom-0 left-0 mb-4 w-screen pointer-events-none">
     <div class="w-full flex justify-between px-4 items-end">
-        <div>
+        <div class="flex">
             <!-- bottom left elements -->
             <MapControlButton on:click={() => state.guistate.backgroundLayerSelectionIsOpened.setData(true)}>
                 <Square3Stack3dIcon class="w-6 h-6"/>
             </MapControlButton>
-            <a class="pointer-events-auto opacity-50 hover:opacity-100 text-white cursor-pointer bg-black-transparent px-1 rounded-2xl" 
+            <a class="pointer-events-auto opacity-50 hover:opacity-100 text-white cursor-pointer bg-black-transparent pl-1 pr-2 rounded-2xl h-fit max-h-12 overflow-hidden self-end" 
                on:click={() =>{ state.guistate.themeViewTab.setData("copyright"); state.guistate.themeIsOpened.setData(true)}}>
-                © OpenStreetMap | <span class="w-24">{rasterLayerName}</span>
+                © OpenStreetMap <span class="w-24">{rasterLayerName}</span>
             </a>
         </div>
 
diff --git a/public/css/index-tailwind-output.css b/public/css/index-tailwind-output.css
index d8382b05ee..36f89ff9ee 100644
--- a/public/css/index-tailwind-output.css
+++ b/public/css/index-tailwind-output.css
@@ -1005,6 +1005,12 @@ video {
   height: 1.5rem;
 }
 
+.h-fit {
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+}
+
 .h-4 {
   height: 1rem;
 }
@@ -1017,12 +1023,6 @@ video {
   height: 0.75rem;
 }
 
-.h-fit {
-  height: -webkit-fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
-}
-
 .h-7 {
   height: 1.75rem;
 }
@@ -1055,6 +1055,10 @@ video {
   height: 24rem;
 }
 
+.max-h-2 {
+  max-height: 0.5rem;
+}
+
 .max-h-12 {
   max-height: 3rem;
 }
@@ -1071,6 +1075,14 @@ video {
   max-height: 100vh;
 }
 
+.max-h-4 {
+  max-height: 1rem;
+}
+
+.max-h-6 {
+  max-height: 1.5rem;
+}
+
 .w-full {
   width: 100%;
 }