From d5877f8a66c9da18bb4e7ec13f6d58d5426d9283 Mon Sep 17 00:00:00 2001
From: maxpozdeev <maxpozdeev@gmail.com>
Date: Fri, 8 Sep 2023 13:45:41 +0300
Subject: [PATCH] fix tab counter style

---
 src/content/mytinytodo.js   |  4 ++--
 src/content/theme/style.css | 13 ++++++++++---
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/content/mytinytodo.js b/src/content/mytinytodo.js
index e17e3c9..6211e24 100644
--- a/src/content/mytinytodo.js
+++ b/src/content/mytinytodo.js
@@ -1196,8 +1196,8 @@ function prepareListHtml(list, isSelected)
     }
     return opentag +
            '<a href="' + _mtt.urlForList(list) + '" title="' + list.name + '">'+
-             '<span class="counter hidden"></span>'+
-             '<span class="title">' + list.name + '</span>' +
+             '<div class="title-block"><span class="counter hidden"></span>'+
+             '<span class="title">' + list.name + '</span></div>' +
              '<div class="list-action mtt-img-button"><span></span></div>'+
            '</a></li>';
 }
diff --git a/src/content/theme/style.css b/src/content/theme/style.css
index d45e806..6c87fb4 100644
--- a/src/content/theme/style.css
+++ b/src/content/theme/style.css
@@ -288,7 +288,6 @@ select.form-input {
   border-top-right-radius:8px;
   transition:background-color 0.1s ease-in;
   max-width:230px;
-  min-width:95px;
 }
 .mtt-tab a {
   margin:0; text-decoration:none; white-space:nowrap;
@@ -300,8 +299,16 @@ select.form-input {
   display:flex;
   align-items:center;
 }
-.mtt-tab a:active { outline:0; text-decoration:none; }
-.mtt-tab a > .title {
+.mtt-tab a:active {
+  outline:0;
+  text-decoration:none;
+}
+.mtt-tab .title-block {
+  display: flex;
+  align-items: baseline;
+  min-width: 75px;
+}
+.mtt-tab .title {
   display:inline-block;
   text-align:center;
   cursor:pointer;