From 1d20dc917b766c6dbf6b763a8633ad7a5cb8706b Mon Sep 17 00:00:00 2001
From: Zlatin Balevsky <zlatinb@gmail.com>
Date: Mon, 16 Dec 2019 17:28:38 +0000
Subject: [PATCH] make the comment box 50% of available space in table view

---
 webui/src/main/css/muwire.css   | 7 +++++++
 webui/src/main/js/filesTable.js | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/webui/src/main/css/muwire.css b/webui/src/main/css/muwire.css
index fb81c2fe..3aa2e0ca 100644
--- a/webui/src/main/css/muwire.css
+++ b/webui/src/main/css/muwire.css
@@ -178,6 +178,13 @@ div.right {
   float: right;
 }
 
+div.rightcomment {
+	display: block;
+	text-align: right;
+	float: right;
+	width: 50%;
+}
+
 span.right {
   display: inline-block;
   float: right;
diff --git a/webui/src/main/js/filesTable.js b/webui/src/main/js/filesTable.js
index b63ac94b..bdbcf8d6 100644
--- a/webui/src/main/js/filesTable.js
+++ b/webui/src/main/js/filesTable.js
@@ -19,11 +19,11 @@ class SharedFile {
 		var showCommentHtml = ""
 		var showCommentLink = new Link(_t("Comment"), "showCommentForm", [this.path])
 		showCommentHtml = "<span id='comment-link-" + this.path + "'>" + showCommentLink.render() + "</span>"
-		var commentDiv = "<div class='right' id='comment-" + this.path + "'></div>"
+		var commentDiv = "<div class='rightcomment' id='comment-" + this.path + "'></div>"
 		var nameLink = "<a href='/MuWire/DownloadedContent/" + this.infoHash + "'>" + this.name + "</a>"
 		
 		var html = nameLink + "<div class=\"right\">" + unshareLink.render() + " " + showCommentHtml + "  " + certifyHtml + "</div>"
-		html += commentDiv
+		html += "<br/>" + commentDiv
 		
 		mapping.set("File", html)
 		mapping.set("Size", this.size)