changes in labels

pytorrent/static/styles.css

@@ -353,8 +353,9 @@ body {
   grid-template-columns: minmax(0, 1fr) auto;
   gap: 0.1rem 0.45rem;
   align-items: center;
-  margin-bottom: 0.12rem;
-  padding: 0.34rem 0.5rem;
+  margin-bottom: 0.08rem;
+  /* Note: Main sidebar filters are intentionally compact so labels and tools fit without extra scrolling. */
+  padding: 0.25rem 0.45rem;
   border: 0;
   border-radius: 0.55rem;
   background: transparent;
@@ -387,9 +388,9 @@ body {
   display: block;
   margin-top: 0.05rem;
   color: var(--bs-secondary-color);
-  font-size: 0.68rem;
+  font-size: 0.64rem;
   font-weight: 400;
-  line-height: 1.15;
+  line-height: 1.05;
   opacity: 0.72;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -405,6 +406,39 @@ body {
   color: var(--bs-secondary-color);
   padding: 0.15rem 0.5rem;
 }
+
+.sidebar-collapse-toggle {
+  width: 100%;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 0.35rem;
+  align-items: center;
+  margin: 0.08rem 0;
+  padding: 0.24rem 0.45rem;
+  border: 0;
+  border-radius: 0.5rem;
+  background: transparent;
+  color: var(--bs-secondary-color);
+  font-size: 0.78rem;
+  text-align: left;
+}
+.sidebar-collapse-toggle:hover {
+  background: var(--bs-secondary-bg);
+  color: var(--bs-body-color);
+}
+.sidebar-collapse-toggle > span:first-child {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.sidebar-collapse-toggle > span:last-child {
+  font-weight: 700;
+  text-align: right;
+}
+.sidebar-collapsible.is-collapsed {
+  display: none;
+}
 .content {
   min-width: 0;
   min-height: 0;