From 184bf57606c6ada6ce14a9876d664024e89887cb Mon Sep 17 00:00:00 2001
From: Patric Stout <truebrain@openttd.org>
Date: Mon, 23 Nov 2020 11:06:38 +0100
Subject: [PATCH] Add: CSS to style the new search bar in TrueWiki

---
 static/css/truewiki.css | 45 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 44 insertions(+), 1 deletion(-)

diff --git a/static/css/truewiki.css b/static/css/truewiki.css
index 95c5097b80a..c8f56b468a0 100644
--- a/static/css/truewiki.css
+++ b/static/css/truewiki.css
@@ -401,7 +401,7 @@ header {
 #review-access {
     position: absolute;
     right: 30px;
-    top: 10px;
+    top: 70px;
 }
 #review-access a {
     color: #aaa;
@@ -415,3 +415,46 @@ header {
     font-size: 70%;
     margin: -4px 0 4px 0;
 }
+
+#search {
+    position: absolute;
+    right: 30px;
+    top: 10px;
+}
+#search input[type=text] {
+    width: 152px;
+}
+
+#search-submit {
+    display: inline-block;
+    position: absolute;
+    right: 0px;
+}
+#search-submit input {
+    background-color: white;
+    border: 0;
+    border-left: 1px solid #aaa;
+    height: 20px;
+    margin: 1px 1px 0 0;
+    width: 20px;
+}
+#search-submit:hover input {
+    background-color: #aaa;
+}
+#search-submit div {
+    display: inline-block;
+    pointer-events: none;
+    position: absolute;
+    right: 1px;
+    top: -1px;
+    transform: rotate(45deg);
+}
+#search-submit div::after {
+    color: #D52D2D;
+    content: "⚲";
+    font-size: 18px;
+    font-weight: bold;
+    left: -4px;
+    position: relative;
+    top: 4px;
+}