Fixed naming issues between sidebar and web panels (closes #4043) (#4035

)

src/browser/app/profile/zen-browser.js

@@ -166,7 +166,7 @@ pref('zen.pinned-tab-manager.close-shortcut-behavior', 'switch');
 // Pref to enable the new profiles (TODO: Check this out!)
 //pref("browser.profiles.enabled", true);
 
-// Zen Sidebar
+// Zen webpanels (calling it sidebar due to legacy reasons)
 pref('zen.sidebar.data', "{\"data\":\n {\"p1\":{\n   \"url\":\"https://www.wikipedia.org/\"\n  },\n\"p2\":{\n   \"url\":\"https://m.twitter.com/\",\n\"ua\": true\n  },\n\"p3\": {\n   \"url\": \"https://www.youtube.com/\",\n\"ua\": true\n},\n\"p4\": {\n   \"url\": \"https://translate.google.com/\",\n\"ua\": true\n},\n\"p5\": {\n   \"url\": \"https://todoist.com/\",\n\"ua\": true\n}},\n\"index\":[\"p1\",\"p2\",\"p3\",\"p4\",\"p5\"]}");
 pref('zen.sidebar.enabled', true);
 pref('zen.sidebar.close-on-blur', true);

src/browser/base/content/zen-sidebar-panel.inc.xhtml

@@ -16,8 +16,8 @@
     </toolbar>
     <vbox id="zen-sidebar-web-panel-browser-containers">
       <vbox id="zen-sidebar-introduction-panel" hidden="true">
-        <html:h1 data-l10n-id="zen-sidebar-introduction-title"/>
-        <html:p data-l10n-id="zen-sidebar-introduction-description"/>
+        <html:h1 data-l10n-id="zen-webpanel-introduction-title"/>
+        <html:p data-l10n-id="zen-webpanel-introduction-description"/>
       </vbox>
     </vbox>
     <toolbar mode="icons" flex="1" id="zen-sidebar-panels-wrapper" fullscreentoolbar="true">

src/browser/base/content/zen-styles/zen-sidebar-panels.css

@@ -243,7 +243,7 @@
   font-size: 1.5em;
   font-weight: 600;
   margin: 0;
-  margin-bottom: 5px;
+  margin-bottom: 2px;
 }
 
 #zen-sidebar-introduction-panel p {