From 1fc86c2dc0dd57c197a39ef56dd04f930facc14b Mon Sep 17 00:00:00 2001
From: Mute <mute@devnull>
Date: Sun, 28 Jan 2024 01:43:01 +0000
Subject: [PATCH] Update mpphc.user.js

* adjusted for updates
* made the time hide unless hovered
* removed space and gap around the viewport and the chat
* better aligned the tabs with chat
* restyled "me" and server messages
---
 mpphc.user.js | 37 ++++++++++++++++++++++++++++++++++---
 1 file changed, 34 insertions(+), 3 deletions(-)

diff --git a/mpphc.user.js b/mpphc.user.js
index aa0546c..69f4cde 100644
--- a/mpphc.user.js
+++ b/mpphc.user.js
@@ -16,13 +16,44 @@ if (window.MPPHC) throw new Error("MPPHC found, aborting loading")
 window.MPPHC = {}
 const FONT = weight => ({weight, style: "normal", display: "swap", unicodeRange: "U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD"})
 const CSS = _ => `
-.chatArea {
+div.roomScreen {
+  padding: 0;
+  gap: 0;
+}
+div.tab-container > ul.header {
+  padding: 0 0.5em 0 0;
+}
+div.chatArea {
   font-family: 'Laila', serif;
-  font-size: 14px;
+}
+div.chatArea > div.messages > div.Scrollbar > div.direction-column > div.message > span.info {
+  font-style: normal;
+  font-family: 'Saira', sans-serif;
+  position: relative;
+  right: -13em;
+  margin-left: -10em;
+  padding: 0 0.5em;
+}
+div.chatArea > div.messages > div.Scrollbar > div.direction-column > div.message:hover > span.info {
+  right: -1em;
+  background: #000;
+}
+div.chatArea > div.messages > div.Scrollbar > div.direction-column > div.message.me {
+  font-style: italic;
+}
+div.chatArea > div.messages > div.Scrollbar > div.direction-column > div.message.serverMessage {
+  background-color: inherit;
+  border-left: none;
+  margin: 0;
+  padding: 0 0 0 0.25em;
+  font-style: italic;
+}
+div.chatArea > div.messages > div.Scrollbar > div.direction-column > div.message.serverMessage:before {
+  content: "[Server] ";
+  font-style: normal;
 }
 div.chatArea > textarea {
   color: #fff;
-  background-color: #333;
   font-family: 'Saira', sans-serif;
   font-size: 22px;
   height: 4.75em;