From f25fc96b9793227de37f2f560cccb9919f5cde54 Mon Sep 17 00:00:00 2001
From: tophf <tophf@gmx.com>
Date: Tue, 17 Nov 2020 22:57:59 +0300
Subject: [PATCH] remove size column, tweak css

---
 manage.html       |  1 -
 manage/manage.css |  8 +-------
 manage/manage.js  | 13 +------------
 3 files changed, 2 insertions(+), 20 deletions(-)

diff --git a/manage.html b/manage.html
index 2854c1b0..9ee92aba 100644
--- a/manage.html
+++ b/manage.html
@@ -77,7 +77,6 @@
         </a>
       </p>
       <p class="style-info" data-type="age"></p>
-      <p class="style-info" data-type="size"></p>
       <div class="applies-to">
         <div class="targets"></div>
         <a href="#" class="expander" tabindex="0">...</a>
diff --git a/manage/manage.css b/manage/manage.css
index 1f03f0c4..644bccda 100644
--- a/manage/manage.css
+++ b/manage/manage.css
@@ -191,12 +191,6 @@ a:hover {
 .newUI .style-info[data-type=version][data-value="1.0.0"] {
   display: none;
 }
-.newUI .style-info[data-type=size][title^="    "] {
-  opacity: .25;
-}
-.newUI .style-info[data-type=size][title^="    "]:hover {
-  opacity: 1;
-}
 
 .applies-to {
   overflow-wrap: break-word;
@@ -383,7 +377,7 @@ a:hover {
 }
 
 .newUI .entry > .style-info {
-  padding-right: .5em;
+  padding-right: 1em;
 }
 
 .newUI .entry .actions {
diff --git a/manage/manage.js b/manage/manage.js
index 7fb7ff04..f957a29e 100644
--- a/manage/manage.js
+++ b/manage/manage.js
@@ -204,7 +204,6 @@ function createStyleElement({style, name: nameLC}) {
       homepageIcon: t.template[`homepageIcon${newUI.enabled ? 'Small' : 'Big'}`],
       infoAge: $('[data-type=age]', entry),
       infoVer: $('[data-type=version]', entry),
-      infoSize: $('[data-type=size]', entry),
       appliesTo: $('.applies-to', entry),
       targets: $('.targets', entry),
       expander: $('.expander', entry),
@@ -229,7 +228,6 @@ function createStyleElement({style, name: nameLC}) {
   parts.infoVer.textContent = ud ? ud.version : '';
   parts.infoVer.dataset.value = ud ? ud.version : '';
   if (newUI.enabled) {
-    createSizeText(parts.infoSize, style);
     createAgeText(parts.infoAge, style);
   } else {
     parts.oldConfigure.classList.toggle('hidden', !configurable);
@@ -331,17 +329,8 @@ function createStyleTargetsElement({entry, expanded, style = entry.styleMeta}) {
   entry._numTargets = numTargets;
 }
 
-function createSizeText(el, style) {
-  const size = (style.sourceCode || '').length ||
-    style.sections.reduce((sum, sec) => sum + (sec.code || '').length, 0);
-  if (size) {
-    el.textContent = size < 1000 ? '<1k' : `${size / 1000 | 0}k`;
-    el.title = padLeft(size, 8);
-  }
-}
-
 function createAgeText(el, style) {
-  let val = style.updateDate;
+  let val = style.updateDate || style.installDate;
   if (val) {
     val = (Date.now() - val) / 3600e3; // age in hours
     for (const [max, unit, text] of AGES) {