Merge branch 'main' into feat/version-indicator

4 files changed, 22 insertions, 8 deletions

diff --git a/src/app/index.html b/src/app/index.html
index c486f28..3eadd96 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -28,7 +28,7 @@
 			</div>
 		</div>
 
-		<script src="main.js"></script>
 		<script src="lang.js"></script>
+		<script src="main.js"></script>
 	</body>
 </html>
diff --git a/src/app/lang.js b/src/app/lang.js
index 8cf3d4b..5cc9708 100644
--- a/src/app/lang.js
+++ b/src/app/lang.js
@@ -1,10 +1,12 @@
-html = document.body.innerHTML.split("%%");
+function setlang() {
+	html = document.body.innerHTML.split("%%");
 
-for (let i = 0; i < html.length; i++) {
-	if (html[i][0] != " " && 
-		html[i][html[i].length - 1] != " ") {
-		html[i] = lang(html[i])
+	for (let i = 0; i < html.length; i++) {
+		if (html[i][0] != " " && 
+			html[i][html[i].length - 1] != " ") {
+			html[i] = lang(html[i])
+		}
 	}
-}
 
-document.body.innerHTML = html.join("");
+	document.body.innerHTML = html.join("");
+}
diff --git a/src/app/main.css b/src/app/main.css
index f3cd7c5..c86e08d 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -28,16 +28,22 @@ body, button, input {
 	font-family: "Roboto Mono", monospace;
 }
 
+nobr {white-space: nowrap}
+
 .line {
 	display: flex;
 	margin-top: 15px;
 }
 
 .buttons {
+	text-align: right;
 	margin-left: auto;
 	margin-right: 7px;
 }
 
+.text {max-width: 38vw}
+.buttons {max-width: 55vw}
+
 button, .text {
 	border: none;
 	outline: none;
@@ -47,6 +53,7 @@ button, .text {
 }
 
 button {
+	margin-bottom: 10px;
 	color: var(--btnforeground);
 	-webkit-app-region: no-drag;
 }
diff --git a/src/app/main.js b/src/app/main.js
index a059671..ab41af6 100644
--- a/src/app/main.js
+++ b/src/app/main.js
@@ -40,3 +40,8 @@ ipcRenderer.on('versionInfo', (_, payload) => {
 	document.getElementById('nsVersion').innerText = `Northstar version: ${payload.ns}`;
 });
 ipcRenderer.send('getVersionInfo');
+
+setlang();
+setInterval(() => {
+	ipcRenderer.send("setsize", document.querySelector(".lines").offsetHeight + 20);
+}, 150);