Fix Buttongrid alignment on desktop

Signed-off-by: Jimmy Tanagra <jcode@tanagra.id.au>
openhab · Jan 8, 2024 · 4022662 · 4022662
1 parent 5a09f71
commit 4022662
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 10 deletions.
diff --git a/bundles/org.openhab.ui.basic/src/main/resources/snippets/buttongrid.html b/bundles/org.openhab.ui.basic/src/main/resources/snippets/buttongrid.html
@@ -6,7 +6,7 @@
 		%label%
 	</span>
 </div>
-<div class="mdl-form__row-buttongrid mdl-form__row--height-auto mdl-cell mdl-cell--12-col %visibility_class%">
+<div class="mdl-form__row mdl-cell mdl-cell--12-col mdl-form__row--height-auto %visibility_class%">
 	<div
 		class="mdl-form__control mdl-form__buttongrid mdl-grid"
 		data-control-type="buttons"

diff --git a/bundles/org.openhab.ui.basic/web-src/_layout.scss b/bundles/org.openhab.ui.basic/web-src/_layout.scss
@@ -115,13 +115,6 @@
 			display: none;
 		}
 	}
-	&__row-buttongrid {
-		margin: 0;
-		border-bottom: 1px solid $item-separator-color;
-		&:last-child {
-			border: none;
-		}
-	}
 	&__image {
 		&.mdl-form__control {
 			padding-left: 0;
@@ -434,6 +427,8 @@
 	}
 	&__buttongrid {
 		padding: 0;
+		display: flex;
+		width: 100%;
 	}
 	&--no-label {
 		.mdl-form__title {

diff --git a/bundles/org.openhab.ui.basic/web-src/_theming.scss b/bundles/org.openhab.ui.basic/web-src/_theming.scss
@@ -82,8 +82,7 @@ body {
 	color: var(--container-text-color, #616161) !important;
 }
 
-.mdl-form__row,
-.mdl-form__row-buttongrid {
+.mdl-form__row {
 	border-bottom: 1px solid #ccc;
 	border-bottom: 1px solid var(--border-color, #ccc);
 	color: #616161 !important;