Bug 1388700 - Increase margin/padding of bookmarks toolbar items per Photon spec. r=nhnt11 draft
authorJohann Hofmann <jhofmann@mozilla.com>
Tue, 15 Aug 2017 16:20:09 +0200
changeset 646583 746a7883dfc04b66e927b87d4b45bd68bb56d765
parent 646498 564e82f0f289af976da01c2d50507017bbc152b5
child 726293 026e4324903a39e11a4b59c57882f5cf447b1678
push id74175
push userbmo:jhofmann@mozilla.com
push dateTue, 15 Aug 2017 14:21:23 +0000
reviewersnhnt11
bugs1388700
milestone57.0a1
Bug 1388700 - Increase margin/padding of bookmarks toolbar items per Photon spec. r=nhnt11 MozReview-Commit-ID: 9XF7HxBMFwg
browser/themes/shared/toolbarbuttons.inc.css
--- a/browser/themes/shared/toolbarbuttons.inc.css
+++ b/browser/themes/shared/toolbarbuttons.inc.css
@@ -258,21 +258,29 @@ toolbar .toolbarbutton-1[checked]:not(:a
 #BMB_bookmarksPopup[side="right"] {
   margin-top: -20px;
   margin-bottom: -20px;
 }
 
 /* ::::: bookmark buttons ::::: */
 
 toolbarbutton.bookmark-item:not(.subviewbutton) {
-  margin: 0;
-  padding: 2px 3px;
+  margin: 0 2px;
+  padding: 0 4px;
   -moz-appearance: none;
 }
 
+:root[uidensity=compact] toolbarbutton.bookmark-item:not(.subviewbutton) {
+  margin: 0 1px;
+}
+
+:root[uidensity=touch] toolbarbutton.bookmark-item:not(.subviewbutton) {
+  padding: 4px;
+}
+
 .bookmark-item > .toolbarbutton-icon,
 #personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
   width: 16px;
   height: 16px;
 }
 
 /* Force the display of the label for bookmarks */
 .bookmark-item > .toolbarbutton-text,