From 1022a4340758b4667ff8aecfc1864cb6ee87a2b5 Mon Sep 17 00:00:00 2001
From: dr|z3d <z3d@i2pmail.org>
Date: Sun, 15 Aug 2021 15:54:27 +0000
Subject: [PATCH] Console: tweak router id presentation

---
 daemon/HTTPServer.cpp |  2 +-
 webconsole/style.css  | 29 +++++++++++++++++++++++++++++
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/daemon/HTTPServer.cpp b/daemon/HTTPServer.cpp
index 74d08209..419140dc 100644
--- a/daemon/HTTPServer.cpp
+++ b/daemon/HTTPServer.cpp
@@ -1100,7 +1100,7 @@ namespace http {
 	{
 		s << "<tr><th class=\"sectiontitle configuration\" colspan=\"2\"><span>" << tr("Router Configuration") << "</span></th></tr>";
 		s << "<tr id=\"version\"><td>" << tr("Version") << "</td><td>" VERSION "</td></tr>\r\n";
-		s << "<tr><td>" << tr("Router Ident") << "</td><td><span class=\"sensitive\" hidden>"
+		s << "<tr><td>" << tr("Router Identity") << "</td><td class=\"nopadding\"><span id=\"rid\" class=\"sensitive\" hidden>"
 		  << i2p::context.GetRouterInfo().GetIdentHashBase64() << "</span></td></tr>\r\n";
 		s << "<tr><td>" << tr("Router Caps") << "</td><td>" << i2p::context.GetRouterInfo().GetProperty("caps") << "</td></tr>\r\n";
 		if (!i2p::context.GetRouterInfo().GetProperty("family").empty())
diff --git a/webconsole/style.css b/webconsole/style.css
index 2d6d5664..5247f132 100644
--- a/webconsole/style.css
+++ b/webconsole/style.css
@@ -71,6 +71,11 @@
 	--textshadow: 0 1px 1px rgba(0,0,0.7);
 }
 
+::selection {
+	background: #d50;
+	color: #fff;
+}
+
 html, body {
 	min-height: 100%;
 	background: var(--page);
@@ -379,6 +384,7 @@ select, option:hover, option:focus, option:active {
 	background: radial-gradient(at bottom center, rgba(48,8,48,.3), rgba(0,0,0,0) 70%),
 				linear-gradient(to bottom, rgba(32,0,32,.2), rgba(24,0,24,.2));
 	box-shadow: inset 0 0 0 1px rgba(96,0,96,.2), 0 0 0 1px #000;
+	white-space: normal;
 }
 
 .note::before {
@@ -1033,6 +1039,17 @@ input[type=checkbox]:checked + label::after {
 	width: 100%;
 }
 
+#rid {
+	margin: 5px 8px;
+	padding: 2px 4px;
+	display: inline-block;
+	font-size: 80%;
+	border-radius: 2px;
+	background: #202;
+	user-select: all;
+	word-break: break-all;
+}
+
 @media screen and (max-width: 1000px) {
 	body {
 		font-size: 13pt !important;
@@ -1097,6 +1114,18 @@ input[type=checkbox]:checked + label::after {
 		width: auto;
 	}
 
+	#rid {
+		margin: 5px 10px;
+		padding: 0;
+		width: 200px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		font-size: 90%;
+		background: none;
+		vertical-align: middle;
+	}
+
 	.b32, .listitem a[href*="local_destination&b32"] {
 		max-width: 300px;
 	}