Improve newtab styling

- De-duplicate controls
- Improve title text position
- Improve pinned site indicator

11 files changed, 13 insertions, 11 deletions

diff --git a/application/palemoon/themes/linux/jar.mn b/application/palemoon/themes/linux/jar.mn
index 843c31abbd..8b2e9dc77e 100644
--- a/application/palemoon/themes/linux/jar.mn
+++ b/application/palemoon/themes/linux/jar.mn
@@ -77,8 +77,9 @@ browser.jar:
   skin/classic/browser/feeds/subscribe.css            (feeds/subscribe.css)
   skin/classic/browser/feeds/subscribe-ui.css         (feeds/subscribe-ui.css)
 * skin/classic/browser/newtab/newTab.css              (newtab/newTab.css)
-  skin/classic/browser/newtab/controls.png            (newtab/controls.png)
-  skin/classic/browser/newtab/noise.png               (newtab/noise.png)
+  skin/classic/browser/newtab/controls.png            (../shared/newtab/controls.png)
+  skin/classic/browser/newtab/noise.png               (../shared/newtab/noise.png)
+  skin/classic/browser/newtab/pinned.png              (../shared/newtab/pinned.png)
   skin/classic/browser/places/bookmarksMenu.png       (places/bookmarksMenu.png)
   skin/classic/browser/places/bookmarksToolbar.png    (places/bookmarksToolbar.png)
   skin/classic/browser/places/calendar.png            (places/calendar.png)
diff --git a/application/palemoon/themes/osx/jar.mn b/application/palemoon/themes/osx/jar.mn
index 4cc54c4b10..e0c1ccbba6 100644
--- a/application/palemoon/themes/osx/jar.mn
+++ b/application/palemoon/themes/osx/jar.mn
@@ -94,8 +94,9 @@ browser.jar:
         skin/classic/browser/feeds/subscribe.css                     (feeds/subscribe.css)
         skin/classic/browser/feeds/subscribe-ui.css                  (feeds/subscribe-ui.css)
 *       skin/classic/browser/newtab/newTab.css                       (newtab/newTab.css)
-        skin/classic/browser/newtab/controls.png                     (newtab/controls.png)
-        skin/classic/browser/newtab/noise.png                        (newtab/noise.png)
+        skin/classic/browser/newtab/controls.png                     (../shared/newtab/controls.png)
+        skin/classic/browser/newtab/noise.png                        (../shared/newtab/noise.png)
+        skin/classic/browser/newtab/pinned.png                       (../shared/newtab/pinned.png)
         skin/classic/browser/places/places.css                       (places/places.css)
 *       skin/classic/browser/places/organizer.css                    (places/organizer.css)
         skin/classic/browser/places/editBookmark.png                 (places/editBookmark.png)
diff --git a/application/palemoon/themes/osx/newtab/controls.png b/application/palemoon/themes/osx/newtab/controls.png
deleted file mode 100644
index 14f382fbdd..0000000000
--- a/application/palemoon/themes/osx/newtab/controls.png
+++ /dev/null
diff --git a/application/palemoon/themes/osx/newtab/noise.png b/application/palemoon/themes/osx/newtab/noise.png
deleted file mode 100644
index 01d340aaa9..0000000000
--- a/application/palemoon/themes/osx/newtab/noise.png
+++ /dev/null
diff --git a/application/palemoon/themes/linux/newtab/controls.png b/application/palemoon/themes/shared/newtab/controls.png
index 14f382fbdd..14f382fbdd 100644
--- a/application/palemoon/themes/linux/newtab/controls.png
+++ b/application/palemoon/themes/shared/newtab/controls.png
diff --git a/application/palemoon/themes/shared/newtab/newTab.css.inc b/application/palemoon/themes/shared/newtab/newTab.css.inc
index e2ed988c53..4ffd32d508 100644
--- a/application/palemoon/themes/shared/newtab/newTab.css.inc
+++ b/application/palemoon/themes/shared/newtab/newTab.css.inc
@@ -123,24 +123,23 @@ body {
 
 /* TITLES */
 .newtab-title {
-  padding: 0 8px;
+  padding: 0 8px 1px;
   background-color: rgba(248,249,251,.95);
   color: #1f364c;
   line-height: 24px;
 }
 
 .newtab-site[pinned] .newtab-title {
-  padding-inline-start: 24px;
+  padding-inline-start: 16px;
 }
 
 .newtab-site[pinned] .newtab-title::before {
-  background-image: url(chrome://browser/skin/newtab/controls.png);
-  background-position: -74px -1px;
+  background-image: url(chrome://browser/skin/newtab/pinned.png);
   content: "";
   left: 2px;
   top: 2px;
   position: absolute;
-  width: 20px;
+  width: 12px;
   height: 20px;
 }
 
diff --git a/application/palemoon/themes/linux/newtab/noise.png b/application/palemoon/themes/shared/newtab/noise.png
index 01d340aaa9..01d340aaa9 100644
--- a/application/palemoon/themes/linux/newtab/noise.png
+++ b/application/palemoon/themes/shared/newtab/noise.png
diff --git a/application/palemoon/themes/shared/newtab/pinned.png b/application/palemoon/themes/shared/newtab/pinned.png
new file mode 100644
index 0000000000..ddd731bc60
--- /dev/null
+++ b/application/palemoon/themes/shared/newtab/pinned.png
diff --git a/application/palemoon/themes/windows/jar.mn b/application/palemoon/themes/windows/jar.mn
index 25e40f7425..0a4342d403 100644
--- a/application/palemoon/themes/windows/jar.mn
+++ b/application/palemoon/themes/windows/jar.mn
@@ -96,8 +96,9 @@ browser.jar:
         skin/classic/browser/feeds/subscribe.css                     (feeds/subscribe.css)
         skin/classic/browser/feeds/subscribe-ui.css                  (feeds/subscribe-ui.css)
 *       skin/classic/browser/newtab/newTab.css                       (newtab/newTab.css)
-        skin/classic/browser/newtab/controls.png                     (newtab/controls.png)
-        skin/classic/browser/newtab/noise.png                        (newtab/noise.png)
+        skin/classic/browser/newtab/controls.png                     (../shared/newtab/controls.png)
+        skin/classic/browser/newtab/noise.png                        (../shared/newtab/noise.png)
+        skin/classic/browser/newtab/pinned.png                       (../shared/newtab/pinned.png)
         skin/classic/browser/places/places.css                       (places/places.css)
 *       skin/classic/browser/places/organizer.css                    (places/organizer.css)
         skin/classic/browser/places/editBookmark.png                 (places/editBookmark.png)
diff --git a/application/palemoon/themes/windows/newtab/controls.png b/application/palemoon/themes/windows/newtab/controls.png
deleted file mode 100644
index 14f382fbdd..0000000000
--- a/application/palemoon/themes/windows/newtab/controls.png
+++ /dev/null
diff --git a/application/palemoon/themes/windows/newtab/noise.png b/application/palemoon/themes/windows/newtab/noise.png
deleted file mode 100644
index 01d340aaa9..0000000000
--- a/application/palemoon/themes/windows/newtab/noise.png
+++ /dev/null