From 0c1a86cec5b1658b53d2f0c46b098ad140ca8d4d Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Wed, 12 Apr 2023 17:23:31 +0300
Subject: [PATCH] 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 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/chrome/vertical_bookmarks_toolbar.css b/chrome/vertical_bookmarks_toolbar.css
index 0f2227f..dc6bf2b 100644
--- a/chrome/vertical_bookmarks_toolbar.css
+++ b/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;
-  }
-  */
 }
\ No newline at end of file