From dc0138b7189413bba100b45b2a879527824172e9 Mon Sep 17 00:00:00 2001
From: HB9HIL <fabian.berg@hb9hil.org>
Date: Sun, 25 Aug 2024 11:15:09 +0200
Subject: [PATCH] fixing UI

---
 application/views/simplefle/index.php | 6 ++----
 assets/js/sections/simplefle.js       | 6 +++++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/application/views/simplefle/index.php b/application/views/simplefle/index.php
index 744bb4e43..8f618b969 100644
--- a/application/views/simplefle/index.php
+++ b/application/views/simplefle/index.php
@@ -126,12 +126,10 @@
 						<textarea name="qso" class="form-control qso-area" cols="auto" rows="11" id="sfle_textarea" style="font-family: 'Courier New', sans-serif;"></textarea>
 					</div>
 				</div>
-			</div>
 			<!-- Container for errors -->
-			<div class="card-body">
-				<div class="row">
+				<div class="row" id="errorMessages">
 					<div class="col">
-						<div class="js-status"></div>
+						<div class="js-status mt-3"></div>
 					</div>
 				</div>
 			</div>
diff --git a/assets/js/sections/simplefle.js b/assets/js/sections/simplefle.js
index 7862c0e65..6d5d7528f 100644
--- a/assets/js/sections/simplefle.js
+++ b/assets/js/sections/simplefle.js
@@ -526,11 +526,13 @@ function clearSession() {
 	$(".js-qso-count").html("");
 	errors = [];
 	$(".js-status").html("");
+	window.location.reload();
 }
 
 function showErrors() {
 	if (errors) {
 		$(".js-status").html(errors.join("\n"));
+		resizeElements();
 	}
 }
 
@@ -822,6 +824,8 @@ function resizeElements() {
 	var textarea = $('#sfle_textarea');
 	var textareaOffset = 40;
 
+	var errorMessagesContainer = $('#errorMessages');
+
 	var tableFrame = $('.sfletable.table');
 	var tableFrameOffset = 140;
 
@@ -829,7 +833,7 @@ function resizeElements() {
 	var tableoOffset = 160;
 
 	if ($(window).width() >= 768) {
-		var newHeight = $(window).height() - textarea.offset().top - textareaOffset;
+		var newHeight = $(window).height() - textarea.offset().top - textareaOffset - errorMessagesContainer.height();
 		textarea.css('height', newHeight + 'px');
 
 		var newHeight = $(window).height() - tableFrame.offset().top - tableFrameOffset;