Improve newtab styling

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

4 files changed, 4 insertions, 5 deletions

diff --git a/application/palemoon/themes/shared/newtab/controls.png b/application/palemoon/themes/shared/newtab/controls.png
new file mode 100644
index 000000000..14f382fbd
--- /dev/null
+++ 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 e2ed988c5..4ffd32d50 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/shared/newtab/noise.png b/application/palemoon/themes/shared/newtab/noise.png
new file mode 100644
index 000000000..01d340aaa
--- /dev/null
+++ 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 000000000..ddd731bc6
--- /dev/null
+++ b/application/palemoon/themes/shared/newtab/pinned.png