From a8039072113bb24fed1477f2e6e4258aba09d4e1 Mon Sep 17 00:00:00 2001
From: Jilles van Gurp <jillesvangurp@users.noreply.github.com>
Date: Mon, 11 Nov 2024 12:14:50 +0100
Subject: [PATCH] improve layout

---
 src/jsMain/kotlin/components/layout.kt | 2 +-
 src/jsMain/kotlin/search/search.kt     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/jsMain/kotlin/components/layout.kt b/src/jsMain/kotlin/components/layout.kt
index bb0370e..4ac3ddc 100644
--- a/src/jsMain/kotlin/components/layout.kt
+++ b/src/jsMain/kotlin/components/layout.kt
@@ -13,7 +13,7 @@ fun RenderContext.flexRow(content: HtmlTag<HTMLDivElement>.() -> Unit) {
 }
 
 fun RenderContext.flexRowReverse(content: HtmlTag<HTMLDivElement>.() -> Unit) {
-    div("flex flex-row-reverse flex-nowrap gap-2 align-middle place-items-start", content = content)
+    div("flex flex-row-reverse flex-nowrap gap-2 items-start", content = content)
 }
 
 fun RenderContext.flexRowCentered(content: HtmlTag<HTMLDivElement>.() -> Unit) {
diff --git a/src/jsMain/kotlin/search/search.kt b/src/jsMain/kotlin/search/search.kt
index f98fd99..2aadc5f 100644
--- a/src/jsMain/kotlin/search/search.kt
+++ b/src/jsMain/kotlin/search/search.kt
@@ -48,7 +48,7 @@ fun RenderContext.searchScreen() {
             }
             centeredMainPanel {
                 flexRowReverse {
-                    div("flex flex-col items-left space-y-1 w-fit m-auto") {
+                    div("flex flex-col justify-start space-y-1 w-fit mx-auto") {
                         h1(content = fun HtmlTag<HTMLHeadingElement>.() {
                             +config.name
                         })