From 2e6530f35492cb7c16f704134e16dc02f877849c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?PROFERIS=20-=20Mi=C2=B3osz=20Stocki?=
 <milosz.stocki@proferis.pl>
Date: Tue, 7 Jul 2026 12:45:53 +0200
Subject: [PATCH] fix layout again

---
 web/js/sections/board-control.js | 2 +-
 web/js/sections/input-text.js    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/js/sections/board-control.js b/web/js/sections/board-control.js
index 4f3adae..af554eb 100644
--- a/web/js/sections/board-control.js
+++ b/web/js/sections/board-control.js
@@ -71,7 +71,7 @@ function buildHTML() {
         <div class="card" style="display:flex; flex-direction:column; padding: 12px; position:relative;">
           <div class="card-header"><span class="card-title">Interactive Map</span></div>
           
-          <div style="flex:1; display:flex; align-items:center; justify-content:center; overflow:hidden;">
+          <div style="flex:1; display:flex; align-items:flex-start; justify-content:center; overflow:hidden;">
             <div id="map-container" style="position: relative; width: 100%; max-width: 800px; background: #111; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.5);">
               <img id="bg-image" src="web/assets/backgrounds/${currentBg}/bg.svg" style="width: 100%; display: block; height: auto; border-radius: 8px;" />
               <div id="markers-layer" style="position: absolute; top:0; left:0; width:100%; height:100%;"></div>
diff --git a/web/js/sections/input-text.js b/web/js/sections/input-text.js
index 2a08c73..5fb8c42 100644
--- a/web/js/sections/input-text.js
+++ b/web/js/sections/input-text.js
@@ -87,7 +87,7 @@ function buildHTML() {
         <div class="card" style="display:flex; flex-direction:column; padding: 12px; position:relative;">
           <div class="card-header"><span class="card-title">Live Position</span></div>
           
-          <div style="flex:1; display:flex; align-items:center; justify-content:center; overflow:hidden;">
+          <div style="flex:1; display:flex; align-items:flex-start; justify-content:center; overflow:hidden;">
             <div id="map-container" style="position: relative; width: 100%; max-width: 800px; background: #111; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.5);">
               <img id="bg-image" src="web/assets/backgrounds/${currentBg}/bg.svg" style="width: 100%; display: block; height: auto; border-radius: 8px;" />
               <div id="pos-marker" class="pos-marker" style="display:none;"></div>