Refine titlebar toolbar underline

Author: pchalamet

CHANGELOG.md

@@ -5,6 +5,7 @@ All notable changes to Forge are documented in this file.
 ## [Unreleased]
 
 - Defaulted first-run sidebar appearance to glass mode.
+- Moved animated titlebar toolbar underlines inside the active icon button.
 
 ## [0.0.14]
 

src/styles.css

@@ -698,12 +698,14 @@ input {
 
 .project-view-button {
   position: relative;
+  overflow: hidden;
   width: 28px;
   height: 28px;
   border-radius: 6px;
 }
 
 .project-view-button.active {
+  background: var(--hover-bg);
   color: var(--text-strong);
 }
 
@@ -1025,10 +1027,9 @@ input {
 }
 
 .project-view-switcher .sliding-tab-underline {
-  right: auto;
-  bottom: -4px;
-  width: calc(var(--tab-underline-width, 0px) - 10px);
-  transform: translateX(calc(var(--tab-underline-left, 0px) + 5px));
+  bottom: 3px;
+  width: calc(var(--tab-underline-width, 0px) - 12px);
+  transform: translateX(calc(var(--tab-underline-left, 0px) + 6px));
 }
 
 .sidebar-tab span,