fix findbar and close tabs

basically merging this pr from upstream
sagars007#6

chrome/userChrome.css

@@ -82,7 +82,7 @@
 
   /* Remove tab close button. Appear on hover with smooth transitions */
   .tabbrowser-tab:not([pinned]) .tab-close-button {
-	display: -moz-box !important;
+	display: flex !important;
 	opacity: 0;
 	visibility: collapse !important;
 	transition: all 200ms ease-in-out, fill 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
@@ -223,7 +223,7 @@ toolbarbutton {
 
 /*link hover tooltip custom*/
 #statuspanel-label{
-	-moz-appearance: none !important;
+	appearance: none !important;
 	  color: rgba(255, 255, 255, 0.800000011920929) !important;
 	  background-color: #101010 !important;
 	border: 1px solid transparent !important;
@@ -353,8 +353,8 @@ toolbarbutton {
 /*■■■■■■■■■■■■■■■■■■■■■■■■■■ FINDBAR CODE ■■■■■■■■■■■■■■■■■■■■■■■■■■*/
 
 findbar{
-	-moz-box-ordinal-group: 0;
-	margin-bottom: -32px;
+	order: -1 !important;
+	margin-bottom: -32px !important;
 	position: relative;
 	border-top-width: 0 !important;
 	padding: 0 !important;
@@ -363,12 +363,12 @@ findbar{
 	pointer-events: none;
 	z-index: 1;
   }
-  
+
   .findbar-container > .findbar-find-fast{
 	padding: var(--toolbarbutton-inner-padding) 1px;
 	margin: 0 !important;
   }
-  
+
   findbar[hidden]{ transform: translateY(-30px);}
 
   findbar > .findbar-container,
@@ -378,18 +378,19 @@ findbar{
 	background: var(--uc-light-bkgnd-color,var(--toolbar-bgcolor)) !important;
 	pointer-events: auto;
   }
+
   findbar > .findbar-container{
-	-moz-box-direction: reverse;
-
+	flex-direction: row-reverse;
+	height: initial !important;	
 	border-top-left-radius: 4px;
 	border-bottom-left-radius: 4px;
   }
-  
+
   .findbar-find-status{
-	display: -moz-box;
+	display: flex;
 	overflow: hidden;
 	text-overflow: ellipsis;
-	-moz-box-flex: 1;
+	flex-grow: 1;
   }
 
   .findbar-closebutton{
@@ -402,26 +403,27 @@ findbar{
 
 	padding: 5px !important;
   }
+
   .findbar-closebutton > image{ padding: 3px }
+
   .findbar-closebutton:hover > image{
 	background: var(--toolbarbutton-hover-background) !important;
 	border-radius: 4px
   }
+
+
   findbar > .findbar-container > hbox{ margin: 0 5px }
-  
+
   findbar::before{
 	content:"";
-	display: -moz-box;
-	-moz-box-flex: 100;
+	display: flex;
+	flex-grow: 1;
   }
-  
+
   findbar{
 	margin-right: 16px;
-
   }
 
-
-
 .findbar-textbox{
 	border-radius: 4px !important;
 	border: transparent !important;
@@ -466,7 +468,7 @@ findbar{
 
 
 #sidebar-search-container #search-box {
-	-moz-appearance: none !important;
+	appearance: none !important;
 	background-color: #000000 !important;
 	border-radius: 4px !important;
 	/*border-top: 2px solid #000000 !important;
@@ -480,7 +482,7 @@ findbar{
   }
 
   #sidebar-search-container #search-box:focus {
-	-moz-appearance: none !important;
+	appearance: none !important;
 	background-color: rgb(17, 17, 17) !important;
 	border-radius: 4px !important;
 	/*border-top: 2px solid #313131 !important;
@@ -532,7 +534,7 @@ findbar{
 
  /* search textbox of synced tabs sidebar */
   search-textbox {
-		-moz-appearance: none !important;
+		appearance: none !important;
 		--focus-outline-color: transparent !important;
 		background-color: #000000 !important;
 		border-radius: 4px !important;
@@ -545,7 +547,7 @@ findbar{
     }
 
 	search-textbox:focus {
-		-moz-appearance: none !important;
+		appearance: none !important;
 		background-color: rgb(17, 17, 17) !important;
 		border-radius: 4px !important;
 		border: transparent !important;
@@ -765,7 +767,7 @@ menu:not([_moz-menuactive="true"]), menuitem:not([_moz-menuactive="true"]){
 	  }
 
 	  #openHandler {
-		-moz-appearance: none !important;
+		appearance: none !important;
 		background: #101010 !important;
 		color: rgba(255, 255, 255, 0.800000011920929) !important;
 		border-radius: 4px !important;
@@ -779,7 +781,7 @@ menu:not([_moz-menuactive="true"]), menuitem:not([_moz-menuactive="true"]){
 	}
 
 	#openHandlerBox{
-		-moz-appearance: none !important;
+		appearance: none !important;
 		background: #101010 !important;
 		color: rgba(255, 255, 255, 0.800000011920929) !important;
 		border: 1px solid rgb(48, 48, 48) !important;