From 2696719d2916023227f1d16daf2f7ea48efbe6d6 Mon Sep 17 00:00:00 2001
From: Matthias M <62722460+kleinerpirat@users.noreply.github.com>
Date: Wed, 17 Nov 2021 19:31:02 +0100
Subject: [PATCH] Tweak some CSS

- Add variables --sticky-bg and --sticky-border to StickyContainer
- Tweak base.css
---
 ts/change-notetype/change-notetype-base.scss | 6 ++----
 ts/components/LabelButton.svelte             | 3 +++
 ts/components/StickyContainer.svelte         | 4 ++--
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/ts/change-notetype/change-notetype-base.scss b/ts/change-notetype/change-notetype-base.scss
index 782311aa0..5648fe988 100644
--- a/ts/change-notetype/change-notetype-base.scss
+++ b/ts/change-notetype/change-notetype-base.scss
@@ -17,8 +17,6 @@
 body {
     width: min(100vw, 35em);
     margin: 0 auto;
-    // leave some space for rounded screens
-    margin-bottom: 2em;
 }
 
 html {
@@ -26,8 +24,8 @@ html {
 }
 
 #main {
-    padding: 0.5em;
-    padding-top: 0;
+    padding: 0 1em 1em 1em;
+    height: calc(100vh - 1em);
 }
 
 // override the default down arrow colour in <select> elements
diff --git a/ts/components/LabelButton.svelte b/ts/components/LabelButton.svelte
index 0d0f80675..7778ccc6c 100644
--- a/ts/components/LabelButton.svelte
+++ b/ts/components/LabelButton.svelte
@@ -52,6 +52,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     @use "sass/button-mixins" as button;
 
     button {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
         padding: 0 calc(var(--buttons-size) / 3);
         font-size: var(--base-font-size);
         width: auto;
diff --git a/ts/components/StickyContainer.svelte b/ts/components/StickyContainer.svelte
index 334e494e2..1dede138d 100644
--- a/ts/components/StickyContainer.svelte
+++ b/ts/components/StickyContainer.svelte
@@ -30,9 +30,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         right: 0;
         z-index: 10;
 
-        background: var(--window-bg);
+        background: var(--sticky-bg, var(--window-bg));
         border-style: solid;
-        border-color: var(--medium-border);
+        border-color: var(--sticky-border, var(--medium-border));
         border-width: var(--sticky-borders, 0);
     }
 </style>