From 68ecf52594e76f3f5ac40846359fb774cd366989 Mon Sep 17 00:00:00 2001
From: Andrew Dolgov <noreply@fakecake.org>
Date: Sat, 6 Mar 2021 20:03:36 +0300
Subject: [PATCH] some small layout fixes, remove a few inline styles

---
 classes/pref/prefs.php   |  2 +-
 classes/pref/system.php  | 12 ++++----
 classes/pref/users.php   | 25 +++++++++-------
 js/CommonDialogs.js      |  2 +-
 js/PrefFeedTree.js       |  2 +-
 js/PrefHelpers.js        | 25 ++++++++--------
 themes/compact.css       | 54 +++++++++++++++++++++++++++-------
 themes/compact_night.css | 54 +++++++++++++++++++++++++++-------
 themes/light.css         | 54 +++++++++++++++++++++++++++-------
 themes/light/prefs.less  | 62 +++++++++++++++++++++++++++++++---------
 themes/night.css         | 54 +++++++++++++++++++++++++++-------
 themes/night_blue.css    | 54 +++++++++++++++++++++++++++-------
 12 files changed, 298 insertions(+), 102 deletions(-)

diff --git a/classes/pref/prefs.php b/classes/pref/prefs.php
index 7e83a6e64..ea9e6a967 100644
--- a/classes/pref/prefs.php
+++ b/classes/pref/prefs.php
@@ -878,7 +878,7 @@ class Pref_Prefs extends Handler_Protected {
 					?> -->
 
 					<ul id="prefs-plugin-list" class="prefs-plugin-list list-unstyled">
-						<li><?= __("Loading, please wait...") ?></li>
+						<li class='text-center'><?= __("Loading, please wait...") ?></li>
 					</ul>
 
 				</div>
diff --git a/classes/pref/system.php b/classes/pref/system.php
index 3456cd51f..0ccbdfea1 100644
--- a/classes/pref/system.php
+++ b/classes/pref/system.php
@@ -117,12 +117,12 @@ class Pref_System extends Handler_Administrative {
 
 				<table width='100%' class='event-log'>
 
-					<tr class='title'>
-						<td width='5%'><?= __("Error") ?></td>
-						<td><?= __("Filename") ?></td>
-						<td><?= __("Message") ?></td>
-						<td width='5%'><?= __("User") ?></td>
-						<td width='5%'><?= __("Date") ?></td>
+					<tr>
+						<th width='5%'><?= __("Error") ?></th>
+						<th><?= __("Filename") ?></th>
+						<th><?= __("Message") ?></th>
+						<th width='5%'><?= __("User") ?></th>
+						<th width='5%'><?= __("Date") ?></th>
 					</tr>
 
 					<?php
diff --git a/classes/pref/users.php b/classes/pref/users.php
index 068166863..2e3dc4b67 100644
--- a/classes/pref/users.php
+++ b/classes/pref/users.php
@@ -248,13 +248,13 @@ class Pref_Users extends Handler_Administrative {
 
 					<table width='100%' class='users-list' id='users-list'>
 
-						<tr class='title'>
-							<td align='center' width='5%'> </td>
-							<td width='20%'><a href='#' onclick="Users.reload('login')"><?= ('Login') ?></a></td>
-							<td width='20%'><a href='#' onclick="Users.reload('access_level')"><?= ('Access Level') ?></a></td>
-							<td width='10%'><a href='#' onclick="Users.reload('num_feeds')"><?= ('Subscribed feeds') ?></a></td>
-							<td width='20%'><a href='#' onclick="Users.reload('created')"><?= ('Registered') ?></a></td>
-							<td width='20%'><a href='#' onclick="Users.reload('last_login')"><?= ('Last login') ?></a></td>
+						<tr>
+							<th></th>
+							<th><a href='#' onclick="Users.reload('login')"><?= ('Login') ?></a></th>
+							<th><a href='#' onclick="Users.reload('access_level')"><?= ('Access Level') ?></a></th>
+							<th><a href='#' onclick="Users.reload('num_feeds')"><?= ('Subscribed feeds') ?></a></th>
+							<th><a href='#' onclick="Users.reload('created')"><?= ('Registered') ?></a></th>
+							<th><a href='#' onclick="Users.reload('last_login')"><?= ('Last login') ?></a></th>
 						</tr>
 
 						<?php
@@ -270,16 +270,19 @@ class Pref_Users extends Handler_Administrative {
 							foreach ($users as $user) { ?>
 
 								<tr data-row-id='<?= $user["id"] ?>' onclick='Users.edit(<?= $user["id"] ?>)' title="<?= __('Click to edit') ?>">
-									<td align='center'>
+									<td class='checkbox'>
 										<input onclick='Tables.onRowChecked(this); event.stopPropagation();'
 										dojoType='dijit.form.CheckBox' type='checkbox'>
 									</td>
 
-									<td><i class='material-icons'>person</i> <?= htmlspecialchars($user["login"]) ?></td>
+									<td width='30%'>
+										<i class='material-icons'>person</i>
+										<strong><?= htmlspecialchars($user["login"]) ?></strong>
+									</td>
 									<td><?= $access_level_names[$user["access_level"]] ?></td>
 									<td><?= $user["num_feeds"] ?></td>
-									<td><?= TimeHelper::make_local_datetime($user["created"], false) ?></td>
-									<td><?= TimeHelper::make_local_datetime($user["last_login"], false) ?></td>
+									<td class='text-muted'><?= TimeHelper::make_local_datetime($user["created"], false) ?></td>
+									<td class='text-muted'><?= TimeHelper::make_local_datetime($user["last_login"], false) ?></td>
 								</tr>
 						<?php } ?>
 					</table>
diff --git a/js/CommonDialogs.js b/js/CommonDialogs.js
index b9b053a5a..15c2021b6 100644
--- a/js/CommonDialogs.js
+++ b/js/CommonDialogs.js
@@ -248,7 +248,7 @@ const	CommonDialogs = {
 
 							${reply.map((row) => `
 								<tr data-row-id='${row.id}'>
-									<td width='5%' align='center'>
+									<td class='checkbox'>
 										<input onclick='Tables.onRowChecked(this)' dojoType="dijit.form.CheckBox"
 											type="checkbox">
 									</td>
diff --git a/js/PrefFeedTree.js b/js/PrefFeedTree.js
index 0e89e1978..013c01262 100644
--- a/js/PrefFeedTree.js
+++ b/js/PrefFeedTree.js
@@ -513,7 +513,7 @@ define(["dojo/_base/declare", "dojo/dom-construct", "lib/CheckBoxTree", "dojo/_b
 						<div class='panel panel-scrollable'>
 							<table width='100%' id='inactive-feeds-list'>
 								${reply.map((row) => `<tr data-row-id='${row.id}'>
-									<td width='5%' align='center'>
+									<td class='checkbox'>
 										<input onclick='Tables.onRowChecked(this)' dojoType='dijit.form.CheckBox' type='checkbox'>
 									</td>
 									<td>
diff --git a/js/PrefHelpers.js b/js/PrefHelpers.js
index 296028f44..eed55f229 100644
--- a/js/PrefHelpers.js
+++ b/js/PrefHelpers.js
@@ -183,7 +183,7 @@ const	Helpers = {
 									<table width='100%' id='pref-profiles-list'>
 										${reply.map((profile) => `
 											<tr data-row-id="${profile.id}">
-												<td width='5%'>
+												<td class='checkbox'>
 													${App.FormFields.checkbox_tag("", false, "", {onclick: 'Tables.onRowChecked(this)'})}
 												</td>
 												<td>
@@ -533,17 +533,15 @@ const	Helpers = {
 											disabled: is_installed,
 											onclick: `App.dialogOf(this).performInstall("${App.escapeHtml(plugin.name)}")`})}
 
-										<h3 style="margin-top: 0">${plugin.name}
+										<h3>${plugin.name}
 											<a target="_blank" href="${App.escapeHtml(plugin.html_url)}">
 												${App.FormFields.icon("open_in_new_window")}
 											</a>
 										</h3>
 
-										<div class='text-muted'>${__("Updated: %s").replace("%s", plugin.last_update)}</div>
+										<div class='small text-muted'>${__("Updated: %s").replace("%s", plugin.last_update)}</div>
 
-										<p>${plugin.description}</p>
-
-										<hr/>
+										<div class='description'>${plugin.description}</div>
 									</li>
 									`
 							}
@@ -626,13 +624,14 @@ const	Helpers = {
 
 								container.innerHTML +=
 								`
-								<li><h3 style="margin-top: 0">${p.plugin}</h3>
+								<li>
+									<h3>${p.plugin}</h3>
 									${p.rv.e ? `<pre class="small text-error pre-wrap">${p.rv.e}</pre>` : ''}
 									${p.rv.o ? `<pre class="small text-success pre-wrap">${p.rv.o}</pre>` : ''}
-									<p class="small">
+									<div class="small">
 										${p.rv.s ? App.FormFields.icon("error_outline") + " " + __("Exited with RC: %d").replace("%d", p.rv.s) :
 											App.FormFields.icon("check") + " " + __("Update done.")}
-								</p>
+									</div>
 								</li>
 								`
 							});
@@ -642,7 +641,7 @@ const	Helpers = {
 					});
 				},
 				content: `
-					<ul class="panel panel-scrollable update-results">
+					<ul class="panel panel-scrollable plugin-updater-list update-results">
 						<li class='text-center'>${__("Looking for changes...")}</li>
 					</ul>
 
@@ -681,13 +680,13 @@ const	Helpers = {
 
 							container.innerHTML +=
 							`
-							<li><h3 style="margin-top: 0">${p.plugin}</h3>
+							<li><h3>${p.plugin}</h3>
 								${p.rv.e ? `<pre class="small text-error pre-wrap">${p.rv.e}</pre>` : ''}
 								${p.rv.o ? `<pre class="small text-success pre-wrap">${p.rv.o}</pre>` : ''}
-								<p class="small">
+								<div class="small">
 									${p.rv.s ? App.FormFields.icon("error_outline") + " " + __("Exited with RC: %d").replace("%d", p.rv.s) :
 									App.FormFields.icon("check") + " " + __("Ready to update")}
-								</p>
+								</div>
 							</li>
 							`
 						});
diff --git a/themes/compact.css b/themes/compact.css
index 6e17cf897..bcdcc9dcf 100644
--- a/themes/compact.css
+++ b/themes/compact.css
@@ -1511,8 +1511,12 @@ body.ttrss_prefs fieldset.plugin label.description {
 body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
   margin-right: 10px;
 }
-body.ttrss_prefs .users-list td {
-  cursor: pointer;
+body.ttrss_prefs table th {
+  text-align: left;
+}
+body.ttrss_prefs table td.checkbox {
+  text-align: center;
+  width: 32px;
 }
 body.ttrss_prefs ul.prefs-plugin-list {
   margin: 0;
@@ -1521,17 +1525,20 @@ body.ttrss_prefs ul.prefs-plugin-list {
 body.ttrss_prefs ul.prefs-plugin-list li {
   display: flex;
   align-items: center;
-  line-height: 30px;
   border-bottom: #ddd 1px solid;
+  line-height: 16px;
+}
+body.ttrss_prefs ul.prefs-plugin-list li.text-center {
+  border: 0;
+  display: block;
 }
 body.ttrss_prefs ul.prefs-plugin-list li > * {
-  padding: 4px;
+  padding: 8px;
 }
 body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
   display: flex;
   align-items: center;
   min-width: 200px;
-  margin-right: 16px;
   cursor: pointer;
 }
 body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
@@ -1551,16 +1558,41 @@ body.ttrss_prefs ul.prefs-plugin-list li .version {
   min-width: 200px;
   text-align: right;
 }
-body.ttrss_prefs .plugin-installer-list .plugin-installed {
+body.ttrss_prefs .plugin-installer-list li,
+body.ttrss_prefs .plugin-updater-list li {
+  border-bottom: #ddd 1px solid;
+}
+body.ttrss_prefs .plugin-installer-list li > *,
+body.ttrss_prefs .plugin-updater-list li > * {
+  padding: 8px 4px;
+}
+body.ttrss_prefs .plugin-installer-list li > pre,
+body.ttrss_prefs .plugin-updater-list li > pre {
+  margin: 0;
+}
+body.ttrss_prefs .plugin-installer-list li h3,
+body.ttrss_prefs .plugin-updater-list li h3 {
+  margin: 0;
+}
+body.ttrss_prefs .plugin-installer-list li.text-center,
+body.ttrss_prefs .plugin-updater-list li.text-center {
+  border: 0;
+}
+body.ttrss_prefs .plugin-installer-list .plugin-installed > *,
+body.ttrss_prefs .plugin-updater-list .plugin-installed > * {
   opacity: 0.5;
 }
-body.ttrss_prefs .event-log tr td {
-  font-size: 10px;
+body.ttrss_prefs .users-list td,
+body.ttrss_prefs .event-log td,
+body.ttrss_prefs .users-list th,
+body.ttrss_prefs .event-log th {
+  cursor: pointer;
   padding: 8px;
+  border-bottom: #ddd 1px solid;
+}
+body.ttrss_prefs .event-log tr td,
+body.ttrss_prefs .event-log tr th {
   vertical-align: top;
-  border-width: 0 0 1px 0;
-  border-style: solid;
-  border-color: #ddd;
 }
 body.ttrss_prefs .event-log tr .errno {
   font-style: italic;
diff --git a/themes/compact_night.css b/themes/compact_night.css
index 23dd2bcda..4bcd9c9ea 100644
--- a/themes/compact_night.css
+++ b/themes/compact_night.css
@@ -1511,8 +1511,12 @@ body.ttrss_prefs fieldset.plugin label.description {
 body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
   margin-right: 10px;
 }
-body.ttrss_prefs .users-list td {
-  cursor: pointer;
+body.ttrss_prefs table th {
+  text-align: left;
+}
+body.ttrss_prefs table td.checkbox {
+  text-align: center;
+  width: 32px;
 }
 body.ttrss_prefs ul.prefs-plugin-list {
   margin: 0;
@@ -1521,17 +1525,20 @@ body.ttrss_prefs ul.prefs-plugin-list {
 body.ttrss_prefs ul.prefs-plugin-list li {
   display: flex;
   align-items: center;
-  line-height: 30px;
   border-bottom: #222 1px solid;
+  line-height: 16px;
+}
+body.ttrss_prefs ul.prefs-plugin-list li.text-center {
+  border: 0;
+  display: block;
 }
 body.ttrss_prefs ul.prefs-plugin-list li > * {
-  padding: 4px;
+  padding: 8px;
 }
 body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
   display: flex;
   align-items: center;
   min-width: 200px;
-  margin-right: 16px;
   cursor: pointer;
 }
 body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
@@ -1551,16 +1558,41 @@ body.ttrss_prefs ul.prefs-plugin-list li .version {
   min-width: 200px;
   text-align: right;
 }
-body.ttrss_prefs .plugin-installer-list .plugin-installed {
+body.ttrss_prefs .plugin-installer-list li,
+body.ttrss_prefs .plugin-updater-list li {
+  border-bottom: #222 1px solid;
+}
+body.ttrss_prefs .plugin-installer-list li > *,
+body.ttrss_prefs .plugin-updater-list li > * {
+  padding: 8px 4px;
+}
+body.ttrss_prefs .plugin-installer-list li > pre,
+body.ttrss_prefs .plugin-updater-list li > pre {
+  margin: 0;
+}
+body.ttrss_prefs .plugin-installer-list li h3,
+body.ttrss_prefs .plugin-updater-list li h3 {
+  margin: 0;
+}
+body.ttrss_prefs .plugin-installer-list li.text-center,
+body.ttrss_prefs .plugin-updater-list li.text-center {
+  border: 0;
+}
+body.ttrss_prefs .plugin-installer-list .plugin-installed > *,
+body.ttrss_prefs .plugin-updater-list .plugin-installed > * {
   opacity: 0.5;
 }
-body.ttrss_prefs .event-log tr td {
-  font-size: 10px;
+body.ttrss_prefs .users-list td,
+body.ttrss_prefs .event-log td,
+body.ttrss_prefs .users-list th,
+body.ttrss_prefs .event-log th {
+  cursor: pointer;
   padding: 8px;
+  border-bottom: #222 1px solid;
+}
+body.ttrss_prefs .event-log tr td,
+body.ttrss_prefs .event-log tr th {
   vertical-align: top;
-  border-width: 0 0 1px 0;
-  border-style: solid;
-  border-color: #222;
 }
 body.ttrss_prefs .event-log tr .errno {
   font-style: italic;
diff --git a/themes/light.css b/themes/light.css
index 6fd026857..691bf13ab 100644
--- a/themes/light.css
+++ b/themes/light.css
@@ -1511,8 +1511,12 @@ body.ttrss_prefs fieldset.plugin label.description {
 body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
   margin-right: 10px;
 }
-body.ttrss_prefs .users-list td {
-  cursor: pointer;
+body.ttrss_prefs table th {
+  text-align: left;
+}
+body.ttrss_prefs table td.checkbox {
+  text-align: center;
+  width: 32px;
 }
 body.ttrss_prefs ul.prefs-plugin-list {
   margin: 0;
@@ -1521,17 +1525,20 @@ body.ttrss_prefs ul.prefs-plugin-list {
 body.ttrss_prefs ul.prefs-plugin-list li {
   display: flex;
   align-items: center;
-  line-height: 30px;
   border-bottom: #ddd 1px solid;
+  line-height: 16px;
+}
+body.ttrss_prefs ul.prefs-plugin-list li.text-center {
+  border: 0;
+  display: block;
 }
 body.ttrss_prefs ul.prefs-plugin-list li > * {
-  padding: 4px;
+  padding: 8px;
 }
 body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
   display: flex;
   align-items: center;
   min-width: 200px;
-  margin-right: 16px;
   cursor: pointer;
 }
 body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
@@ -1551,16 +1558,41 @@ body.ttrss_prefs ul.prefs-plugin-list li .version {
   min-width: 200px;
   text-align: right;
 }
-body.ttrss_prefs .plugin-installer-list .plugin-installed {
+body.ttrss_prefs .plugin-installer-list li,
+body.ttrss_prefs .plugin-updater-list li {
+  border-bottom: #ddd 1px solid;
+}
+body.ttrss_prefs .plugin-installer-list li > *,
+body.ttrss_prefs .plugin-updater-list li > * {
+  padding: 8px 4px;
+}
+body.ttrss_prefs .plugin-installer-list li > pre,
+body.ttrss_prefs .plugin-updater-list li > pre {
+  margin: 0;
+}
+body.ttrss_prefs .plugin-installer-list li h3,
+body.ttrss_prefs .plugin-updater-list li h3 {
+  margin: 0;
+}
+body.ttrss_prefs .plugin-installer-list li.text-center,
+body.ttrss_prefs .plugin-updater-list li.text-center {
+  border: 0;
+}
+body.ttrss_prefs .plugin-installer-list .plugin-installed > *,
+body.ttrss_prefs .plugin-updater-list .plugin-installed > * {
   opacity: 0.5;
 }
-body.ttrss_prefs .event-log tr td {
-  font-size: 10px;
+body.ttrss_prefs .users-list td,
+body.ttrss_prefs .event-log td,
+body.ttrss_prefs .users-list th,
+body.ttrss_prefs .event-log th {
+  cursor: pointer;
   padding: 8px;
+  border-bottom: #ddd 1px solid;
+}
+body.ttrss_prefs .event-log tr td,
+body.ttrss_prefs .event-log tr th {
   vertical-align: top;
-  border-width: 0 0 1px 0;
-  border-style: solid;
-  border-color: #ddd;
 }
 body.ttrss_prefs .event-log tr .errno {
   font-style: italic;
diff --git a/themes/light/prefs.less b/themes/light/prefs.less
index 4ffcc5ab1..b0c04ab81 100644
--- a/themes/light/prefs.less
+++ b/themes/light/prefs.less
@@ -106,10 +106,16 @@ body.ttrss_prefs {
 		}
 	}
 
-	.users-list {
-		td {
-			cursor : pointer;
+	table {
+		th {
+			text-align : left;
 		}
+
+		td.checkbox {
+			text-align : center;
+			width : 32px;
+		}
+
 	}
 
 	ul.prefs-plugin-list {
@@ -119,18 +125,22 @@ body.ttrss_prefs {
 		li {
 			display : flex;
 			align-items : center;
-			line-height : 30px;
 			border-bottom: @border-default 1px solid;
+			line-height : 16px;
+
+			&.text-center {
+				border : 0;
+				display : block;
+			}
 
 			> * {
-				padding : 4px;
+				padding : 8px;
 			}
 
 			label.checkbox {
 				display : flex;
 				align-items : center;
 				min-width : 200px;
-				margin-right : 16px;
 				cursor : pointer;
 
 				&.system {
@@ -157,21 +167,45 @@ body.ttrss_prefs {
 		}
 	}
 
-	.plugin-installer-list {
-		.plugin-installed {
+	.plugin-installer-list, .plugin-updater-list {
+		li {
+			border-bottom: @border-default 1px solid;
+
+			> * {
+				padding : 8px 4px;
+			}
+
+			> pre {
+				margin : 0;
+			}
+
+			h3 {
+				margin : 0;
+			}
+
+			&.text-center {
+				border : 0;
+			}
+		}
+
+		.plugin-installed > * {
 			opacity : 0.5;
 		}
 	}
 
+	.users-list,
+	.event-log {
+		td, th {
+			cursor : pointer;
+			padding : 8px;
+			border-bottom: @border-default 1px solid;
+		}
+	}
+
 	.event-log {
 		tr {
-			td {
-				font-size: 10px;
-				padding : 8px;
+			td, th {
 				vertical-align : top;
-				border-width : 0 0 1px 0;
-				border-style : solid;
-				border-color : @border-default;
 			}
 
 			.errno {
diff --git a/themes/night.css b/themes/night.css
index a0d69b88b..0745f7b29 100644
--- a/themes/night.css
+++ b/themes/night.css
@@ -1512,8 +1512,12 @@ body.ttrss_prefs fieldset.plugin label.description {
 body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
   margin-right: 10px;
 }
-body.ttrss_prefs .users-list td {
-  cursor: pointer;
+body.ttrss_prefs table th {
+  text-align: left;
+}
+body.ttrss_prefs table td.checkbox {
+  text-align: center;
+  width: 32px;
 }
 body.ttrss_prefs ul.prefs-plugin-list {
   margin: 0;
@@ -1522,17 +1526,20 @@ body.ttrss_prefs ul.prefs-plugin-list {
 body.ttrss_prefs ul.prefs-plugin-list li {
   display: flex;
   align-items: center;
-  line-height: 30px;
   border-bottom: #222 1px solid;
+  line-height: 16px;
+}
+body.ttrss_prefs ul.prefs-plugin-list li.text-center {
+  border: 0;
+  display: block;
 }
 body.ttrss_prefs ul.prefs-plugin-list li > * {
-  padding: 4px;
+  padding: 8px;
 }
 body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
   display: flex;
   align-items: center;
   min-width: 200px;
-  margin-right: 16px;
   cursor: pointer;
 }
 body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
@@ -1552,16 +1559,41 @@ body.ttrss_prefs ul.prefs-plugin-list li .version {
   min-width: 200px;
   text-align: right;
 }
-body.ttrss_prefs .plugin-installer-list .plugin-installed {
+body.ttrss_prefs .plugin-installer-list li,
+body.ttrss_prefs .plugin-updater-list li {
+  border-bottom: #222 1px solid;
+}
+body.ttrss_prefs .plugin-installer-list li > *,
+body.ttrss_prefs .plugin-updater-list li > * {
+  padding: 8px 4px;
+}
+body.ttrss_prefs .plugin-installer-list li > pre,
+body.ttrss_prefs .plugin-updater-list li > pre {
+  margin: 0;
+}
+body.ttrss_prefs .plugin-installer-list li h3,
+body.ttrss_prefs .plugin-updater-list li h3 {
+  margin: 0;
+}
+body.ttrss_prefs .plugin-installer-list li.text-center,
+body.ttrss_prefs .plugin-updater-list li.text-center {
+  border: 0;
+}
+body.ttrss_prefs .plugin-installer-list .plugin-installed > *,
+body.ttrss_prefs .plugin-updater-list .plugin-installed > * {
   opacity: 0.5;
 }
-body.ttrss_prefs .event-log tr td {
-  font-size: 10px;
+body.ttrss_prefs .users-list td,
+body.ttrss_prefs .event-log td,
+body.ttrss_prefs .users-list th,
+body.ttrss_prefs .event-log th {
+  cursor: pointer;
   padding: 8px;
+  border-bottom: #222 1px solid;
+}
+body.ttrss_prefs .event-log tr td,
+body.ttrss_prefs .event-log tr th {
   vertical-align: top;
-  border-width: 0 0 1px 0;
-  border-style: solid;
-  border-color: #222;
 }
 body.ttrss_prefs .event-log tr .errno {
   font-style: italic;
diff --git a/themes/night_blue.css b/themes/night_blue.css
index 9c8f7d848..36df28628 100644
--- a/themes/night_blue.css
+++ b/themes/night_blue.css
@@ -1512,8 +1512,12 @@ body.ttrss_prefs fieldset.plugin label.description {
 body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
   margin-right: 10px;
 }
-body.ttrss_prefs .users-list td {
-  cursor: pointer;
+body.ttrss_prefs table th {
+  text-align: left;
+}
+body.ttrss_prefs table td.checkbox {
+  text-align: center;
+  width: 32px;
 }
 body.ttrss_prefs ul.prefs-plugin-list {
   margin: 0;
@@ -1522,17 +1526,20 @@ body.ttrss_prefs ul.prefs-plugin-list {
 body.ttrss_prefs ul.prefs-plugin-list li {
   display: flex;
   align-items: center;
-  line-height: 30px;
   border-bottom: #222 1px solid;
+  line-height: 16px;
+}
+body.ttrss_prefs ul.prefs-plugin-list li.text-center {
+  border: 0;
+  display: block;
 }
 body.ttrss_prefs ul.prefs-plugin-list li > * {
-  padding: 4px;
+  padding: 8px;
 }
 body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
   display: flex;
   align-items: center;
   min-width: 200px;
-  margin-right: 16px;
   cursor: pointer;
 }
 body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
@@ -1552,16 +1559,41 @@ body.ttrss_prefs ul.prefs-plugin-list li .version {
   min-width: 200px;
   text-align: right;
 }
-body.ttrss_prefs .plugin-installer-list .plugin-installed {
+body.ttrss_prefs .plugin-installer-list li,
+body.ttrss_prefs .plugin-updater-list li {
+  border-bottom: #222 1px solid;
+}
+body.ttrss_prefs .plugin-installer-list li > *,
+body.ttrss_prefs .plugin-updater-list li > * {
+  padding: 8px 4px;
+}
+body.ttrss_prefs .plugin-installer-list li > pre,
+body.ttrss_prefs .plugin-updater-list li > pre {
+  margin: 0;
+}
+body.ttrss_prefs .plugin-installer-list li h3,
+body.ttrss_prefs .plugin-updater-list li h3 {
+  margin: 0;
+}
+body.ttrss_prefs .plugin-installer-list li.text-center,
+body.ttrss_prefs .plugin-updater-list li.text-center {
+  border: 0;
+}
+body.ttrss_prefs .plugin-installer-list .plugin-installed > *,
+body.ttrss_prefs .plugin-updater-list .plugin-installed > * {
   opacity: 0.5;
 }
-body.ttrss_prefs .event-log tr td {
-  font-size: 10px;
+body.ttrss_prefs .users-list td,
+body.ttrss_prefs .event-log td,
+body.ttrss_prefs .users-list th,
+body.ttrss_prefs .event-log th {
+  cursor: pointer;
   padding: 8px;
+  border-bottom: #222 1px solid;
+}
+body.ttrss_prefs .event-log tr td,
+body.ttrss_prefs .event-log tr th {
   vertical-align: top;
-  border-width: 0 0 1px 0;
-  border-style: solid;
-  border-color: #222;
 }
 body.ttrss_prefs .event-log tr .errno {
   font-style: italic;