From a93adcbdfa0a941406e1ac4c830ff102e716fe50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= <jeremie@astori.fr>
Date: Sun, 1 Oct 2017 01:12:08 -0400
Subject: [PATCH] Give chat timestamp a fix width to fix message alignment
 issues

---
 client/css/style.css | 5 +++++
 client/js/options.js | 1 +
 2 files changed, 6 insertions(+)

diff --git a/client/css/style.css b/client/css/style.css
index da0cbbbe..ab6a0a12 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -1005,6 +1005,11 @@ kbd {
 #chat .time {
 	color: #ddd;
 	padding-left: 10px;
+	width: 55px;
+}
+
+#chat.show-seconds .time {
+	width: 75px;
 }
 
 #chat .from {
diff --git a/client/js/options.js b/client/js/options.js
index af28840e..84e40c45 100644
--- a/client/js/options.js
+++ b/client/js/options.js
@@ -113,6 +113,7 @@ settings.on("change", "input, select, textarea", function() {
 		chat.find(".msg > .time").each(function() {
 			$(this).text(tz($(this).parent().data("time")));
 		});
+		chat.toggleClass("show-seconds", self.prop("checked"));
 	} else if (name === "autocomplete") {
 		if (self.prop("checked")) {
 			$("#input").trigger("autocomplete:on");