Bug 1388700 - Increase margin/padding of bookmarks toolbar items per Photon spec. r=nhnt11
authorJohann Hofmann <jhofmann@mozilla.com>
Tue, 15 Aug 2017 16:20:09 +0200
changeset 647756 41d701ddc9587e0baf9171443f874ef85bf59d0e
parent 647755 17c3cd3b69b60485315b5d911fab87ac50effa1d
child 647757 153542f0ae5604a4026d85c4fa68c8792783dacf
push id74539
push userbmo:mkelly@mozilla.com
push dateWed, 16 Aug 2017 22:39:32 +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,