From 736afe2df72c632ed06b8fe432fec0c152fa4dc0 Mon Sep 17 00:00:00 2001
From: Michal Fratczak <michal@cgarea.com>
Date: Sun, 26 Apr 2020 18:24:13 +0200
Subject: [PATCH] webClient: minor GUI layout update.

---
 code/webClient/js/gui.js | 41 +++++++++++++++++++++-------------------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/code/webClient/js/gui.js b/code/webClient/js/gui.js
index 48cdff2..26c5a59 100644
--- a/code/webClient/js/gui.js
+++ b/code/webClient/js/gui.js
@@ -475,6 +475,16 @@ function HABDEC_BUILD_UI_DemodAndInfo()
 	divcnt_habsentence_list.id = "cnt_habsentence_list";
 	divcnt_habsentence_list.classList.add("habsentence_text");
 
+	// SSDV
+	var ssdv_div = document.createElement("div");
+	var ssdv_info = document.createElement("text");
+	ssdv_info.id = "HabDec_SSDV_Info";
+	ssdv_info.style.color = "var(--HD_label)"
+	var ssdv_image = document.createElement("img");
+	ssdv_image.id = "HabDec_SSDV_Image";
+	ssdv_div.appendChild(ssdv_image);
+	ssdv_div.appendChild(ssdv_info);
+
 
 	div_info.appendChild(div_debug);
 	div_info.appendChild( document.createElement("br") );
@@ -484,6 +494,7 @@ function HABDEC_BUILD_UI_DemodAndInfo()
 
 	div_top.appendChild(div_cnt_demodCanvas);
 	div_top.appendChild(div_info);
+	div_top.appendChild(ssdv_div);
 
 	return div_top;
 
@@ -564,15 +575,7 @@ function HABDEC_BUILD_UI_ExtraRadioButtons()
 	div_three_buttons.appendChild(b_afc);
 	div_three_buttons.appendChild(b_dc_remove);
 
-	// <p> <button id="btnFullscreen" type="button" onclick="toggleFullscreen()">Fullscreen</button> </p>
-	var btnFullscreen = document.createElement("button");
-	btnFullscreen.innerHTML = "Fullscreen";
-	btnFullscreen.onclick = () => { toggleFullscreen() };
-	var paragraph = document.createElement("p");
-	paragraph.appendChild(btnFullscreen);
-
 	div_top.appendChild(div_three_buttons);
-	div_top.appendChild(paragraph);
 
 	return div_top;
 }
@@ -667,15 +670,6 @@ function HABDEC_BUILD_UI(parent_div)
 	var div_server = HABDEC_BUILD_UI_Server();
 	//<!-- <div id="PayloadsWrapperDiv"></div> -->
 
-	// SSDV
-	var ssdv_div = document.createElement("div");
-	var ssdv_info = document.createElement("text");
-	ssdv_info.id = "HabDec_SSDV_Info";
-	var ssdv_image = document.createElement("img");
-	ssdv_image.id = "HabDec_SSDV_Image";
-	ssdv_div.appendChild(ssdv_image);
-	ssdv_div.appendChild(ssdv_info);
-
 	// flights list
 	var div_payloads_wrapper = document.createElement("div");
 	div_payloads_wrapper.id = "PayloadsWrapperDiv";
@@ -684,16 +678,25 @@ function HABDEC_BUILD_UI(parent_div)
 	var div_colors_wrapper = document.createElement("div");
 	div_colors_wrapper.id = "ColorSchemesWrapperDiv";
 
-	// div for flights and colors - in row
+	// <p> <button id="btnFullscreen" type="button" onclick="toggleFullscreen()">Fullscreen</button> </p>
+	var div_but_fs = document.createElement("div");
+	var btnFullscreen = document.createElement("button");
+	btnFullscreen.innerHTML = "Fullscreen";
+	btnFullscreen.onclick = () => { toggleFullscreen() };
+	div_but_fs.appendChild(btnFullscreen);
+	// var btnFS_par = document.createElement("p");
+	// btnFS_par.appendChild(btnFullscreen);
+
+	// div for [flights, colors, fillscreen] - in row
 	var extra_options = document.createElement("div");
 	extra_options.style.display = 'flex';
 	extra_options.appendChild(div_payloads_wrapper);
 	extra_options.appendChild(div_colors_wrapper);
+	extra_options.appendChild(div_but_fs);
 
 	// parent_div.display.height = "1000px";
 	parent_div.appendChild(div_power);
 	parent_div.appendChild(div_demod_and_ctrls);
-	parent_div.appendChild(ssdv_div);
 	parent_div.appendChild(div_extra_radio_buttons);
 	parent_div.appendChild(div_server);
 	// parent_div.appendChild(div_payloads_wrapper);