fix layout again

This commit is contained in:
PROFERIS - Mi³osz Stocki
2026-07-07 12:45:53 +02:00
parent bde51a83f9
commit 2e6530f354
2 changed files with 2 additions and 2 deletions
+1 -1
View File
@@ -71,7 +71,7 @@ function buildHTML() {
<div class="card" style="display:flex; flex-direction:column; padding: 12px; position:relative;"> <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 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);"> <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;" /> <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> <div id="markers-layer" style="position: absolute; top:0; left:0; width:100%; height:100%;"></div>
+1 -1
View File
@@ -87,7 +87,7 @@ function buildHTML() {
<div class="card" style="display:flex; flex-direction:column; padding: 12px; position:relative;"> <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 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);"> <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;" /> <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> <div id="pos-marker" class="pos-marker" style="display:none;"></div>