fake statusbar w bookmarksbar: Make Done label absolute start aligned

If bookmarks toolbar is empty (except for the flex space) the
empty-toolbar indicator element is visible, which causes the flex-space
to be be center-aligned - this is simply fixed with order: -1

In addition, when letterboxing is enabled and window is somewhat narrow,
the Done ::before pseudo can cause the statuspanel to be wider that the
<browser> element, which causes the <browser> to move when links are
being hovered. So lets just make the Done label absolute.

chrome/fake_statusbar_w_bookmarksbar.css

@@ -48,7 +48,9 @@ See the above repository for updates as well as full license text. */
   min-width: 60ch;
   flex-grow: 10 !important;
 }
-
+#personal-toolbar-empty:not([hidden]) + toolbarspring{
+  order: -1;
+}
 #personal-toolbar-empty{ visibility: hidden; }
 #PersonalToolbar .toolbarbutton-1{
   align-items: center !important;
@@ -93,6 +95,7 @@ See the above repository for updates as well as full license text. */
 #statuspanel[inactive] > #statuspanel-inner::before{
   content: "Done";
   display: flex;
+  position: absolute;
   margin-top: 2px;
   color: var(--toolbar-field-color, black) !important;
 }
@@ -105,4 +108,4 @@ See the above repository for updates as well as full license text. */
 .browserContainer,
 .browserSidebarContainer{
   background-color: inherit;
-}
+}