create reload_button_in_urlbar.css

chrome/reload_button_in_urlbar.css

@@ -0,0 +1,24 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/reload_button_in_urlbar.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Makes stop-reload-button appear as if it's inside urlbar. 
+ * First, move reload button next to urlbar on right side using
+ * customize-mode
+ */
+
+#urlbar-container + #stop-reload-button{
+  margin-left: calc( 1px - var(--urlbar-margin-inline) - 2 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding)) - 16px );
+  position: relative;
+  z-index: 3;
+  color:  var(--urlbar-box-hover-text-color) !important;
+  --toolbarbutton-hover-background: var(--urlbar-box-hover-bgcolor);
+}
+
+#urlbar-container + #stop-reload-button > .toolbarbutton-1 > .toolbarbutton-icon{
+  padding-block: var(--urlbar-icon-padding) !important;
+  height: unset !important;
+}
+
+#urlbar{
+  padding-right: calc(2 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding)) + 12px);
+}

html_resources/tagmap.json

@@ -153,5 +153,6 @@
 "window_control_force_linux_system_style.css":["window-control","buttons","icon"],
 "window_control_placeholder_support.css":["window-control","patch"],
 "fake_tab_tooltip.css":["tab","hack","popup"],
-"tab_loading_progress_bar.css":["tab","effect"]
+"tab_loading_progress_bar.css":["tab","effect"],
+"reload_button_in_urlbar.css":["buttons","urlbar"]
 }

tags.csv

@@ -153,3 +153,4 @@ window_control_force_linux_system_style.css,window-control,buttons,icon
 window_control_placeholder_support.css,window-control,patch
 fake_tab_tooltip.css,tab,hack,popup
 tab_loading_progress_bar.css,tab,effect
+reload_button_in_urlbar.css,buttons,urlbar