redesign new a bit

static/css/new.css

@@ -7,10 +7,12 @@ section {
 .tree th-bc>p:last-child {
     --transition-duration: 0.2s;
 
-    margin-top: 12px;
+    margin-top: 8px;
     margin-bottom: 4px;
 
     &>a {
+        display: inline-block;
+
         padding: 0.5em 1.5em;
 
         color: var(--text-color);
@@ -33,6 +35,35 @@ section {
     }
 }
 
+.tree li>div:first-child,
+.tree li>details>summary:first-child {
+    --margin: 2.5em;
+
+    border: none;
+    margin-left: var(--tree-indent-width);
+    width: calc(100% - var(--tree-indent-width));
+    margin-top: var(--margin);
+    margin-bottom: var(--margin);
+}
+
+.tree th-bp {
+    display: none;
+}
+
+.tree th-bb {
+    opacity: 100%;
+
+    & .branch-date {
+        display: block !important;
+    }
+}
+
+@media (max-width: 600px) {
+    .tree .branch-container {
+        flex-direction: column-reverse;
+    }
+}
+
 section[is="th-settings"] {
     & h3 {
         display: inline;
@@ -100,4 +131,4 @@ section[is="th-settings"] {
             border-color: white;
         }
     }
-}
+}