From 0404c5eb47239d7e80803e32ba9e1638b47b421e Mon Sep 17 00:00:00 2001
From: jimtng <2554958+jimtng@users.noreply.github.com>
Date: Sun, 13 Apr 2025 00:28:18 +1000
Subject: [PATCH] [BasicUI] Remove top/bottom margins in buttons-multiline
 (#3148)

Before:
<img width="882" alt="image"
src="https://github.com/user-attachments/assets/cfd7b872-ecc0-487d-a1dd-4b56b3da03b7"
/>
condensed mode:
<img width="847" alt="image"
src="https://github.com/user-attachments/assets/54ee7e8e-f980-4505-b9ae-54f02562b331"
/>


After:

<img width="881" alt="image"
src="https://github.com/user-attachments/assets/2f75f02e-4dfe-4eba-84e3-005a07aefe95"
/>

condensed mode:
<img width="854" alt="image"
src="https://github.com/user-attachments/assets/f66904d7-25f5-4d14-85aa-0e1ec499211f"
/>


```java
sitemap test {
    Text item=TestString1 label="Test"
    Switch item=TestSwitch1 label="Test" mappings=[ON="ON Label", OFF="OFF label"]
    Text item=TestString1  label="Test"
    Switch item=TestSwitch1 label="Test" mappings=[ON="ON Label", OFF="OFF label"]
}
```

Signed-off-by: Jimmy Tanagra <jcode@tanagra.id.au>
---
 bundles/org.openhab.ui.basic/web-src/_layout.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/bundles/org.openhab.ui.basic/web-src/_layout.scss b/bundles/org.openhab.ui.basic/web-src/_layout.scss
index ea4ec39ae..0bf9e2467 100644
--- a/bundles/org.openhab.ui.basic/web-src/_layout.scss
+++ b/bundles/org.openhab.ui.basic/web-src/_layout.scss
@@ -515,14 +515,14 @@
 		padding-bottom: 2px;
 	}
 	&__buttons-multiline {
-		margin: 6px 0;
 		gap: 4px;
-		html.ui-layout-condensed & {
-			margin: 0;
-			gap: 3px;
-		}
 		padding-top: 2px;
 		padding-bottom: 2px;
+		html.ui-layout-condensed & {
+			gap: 3px;
+			padding-top: 0;
+			padding-bottom: 0;
+		}
 		display: flex;
 		flex-wrap: wrap;
 		justify-content: end;