vertical_bookmarks_toolbar: Make PlacesToolbarItems use -webkit-box

This is because scrollbox[orient="horizontal"] has a UA sheet set
important row flex-direction which we cannot override.

chrome/vertical_bookmarks_toolbar.css

@@ -21,6 +21,11 @@ See the above repository for updates as well as full license text. */
     height: 100vh;
     max-height: 100vh !important; 
     padding-bottom: 120px !important;
+    padding-inline: 2px !important;
+    
+  }
+  #PersonalToolbar .toolbarbutton-1{
+    --toolbarbutton-inner-padding: 10px !important;
   }
   #PersonalToolbar #PlacesChevron{
     display: none;
@@ -37,18 +42,21 @@ See the above repository for updates as well as full license text. */
   }
   
   #PersonalToolbar #PlacesToolbarItems{
-    display: flex;
-    flex-direction: column;
+    display: -webkit-box !important;
+    -webkit-box-orient: vertical;
     overflow-y: auto;
     scrollbar-width: none;
   }
+  #PersonalToolbar > toolbaritem{
+    justify-content: center;
+  }
   #PersonalToolbar #PlacesToolbarItems > toolbarseparator{
     height: 7px;
     background-color: currentColor;
     background-clip: padding-box;
     border-block: 3px solid transparent !important;
   }
-  #PersonalToolbar .toolbarbutton-1{ padding-block: 10px !important }
+
   #PersonalToolbar #PlacesToolbarItems > .bookmark-item{
     padding-block: 4px !important;
     margin-inline: 0 !important;
@@ -66,11 +74,4 @@ See the above repository for updates as well as full license text. */
   :root:is([chromehidden~="toolbar"],[sizemode="fullscreen"]) > body > #customization-container{
     margin-left: 0;
   }
-  /* Workaround for Firefox > 112 */
-  /*
-  #PersonalToolbar #PlacesToolbarItems{
-    display: -webkit-box;
-    -webkit-box-orient: vertical !important;
-  }
-  */
 }