From e76019b82c98752c73aa661cb35b750ce500aea9 Mon Sep 17 00:00:00 2001
From: Max Leiter <mleiter18@priorypanther.com>
Date: Sat, 10 Jun 2017 14:10:42 -0700
Subject: [PATCH] Fix MOTD underline in Safari

before: https://sr.ht/mdPx.png

after: https://sr.ht/h45R.png

Basically, safari's user agent CSS applies an underline to <abbr> tags, which bootstrap already does as well (but bootstrap doesn't use text-decoration so it's not overriden).
---
 client/css/style.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/client/css/style.css b/client/css/style.css
index 65f3f206..39acd7e1 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -56,6 +56,18 @@ a:hover {
 	opacity: .8;
 }
 
+/**
+ * From Normalize. See https://github.com/thelounge/lounge/pull/1217
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+	border-bottom: none; /* 1 */
+	text-decoration: underline; /* 2 */
+	text-decoration: underline dotted; /* 2 */
+}
+
 h1,
 h2,
 h3 {