Fix #53.

README.md

@@ -87,8 +87,7 @@ The final archives are kept in the `./build` folder.
 
 ### Testing
 
-The [`StandardJS` style checker](https://github.com/standard/standard) is used for setting the style guide
-in the code.
+The [`StandardJS` style checker](https://github.com/standard/standard) is used for setting the style guide in the code.
 
 For testing, the extension can be loaded into Chrome by going to [chrome://extensions](chrome://extensions) and clicking on the <kbd>Load Unpacked Extension</kbd> button.
 Then navigate to the `.tmp` folder in the source code root which was created by running `make chrome` and load it. An alternate is to run `make manifest` in the root folder and then load the source code root as the unpacked extension. This will allow for a simpler edit-reload cycle, except while editing `manifest.json.template`.

manifest.template.json

@@ -1,6 +1,6 @@
 {
   "name": "Lovely forks",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "manifest_version": 2,
   "description": "Show notable forks of GitHub projects.",
   "homepage_url": "https://github.com/musically-ut/lovely-forks",

webext/data/contentscript.js

@@ -87,7 +87,7 @@ function getForksElement () {
 
   // If the layout of the page changes, we'll have to change this location.
   // We should make sure that we do not accidentally cause errors here.
-  const repoName = document.querySelector('.repohead > div > div')
+  const repoName = document.querySelector('main > div > div > div')
   if (repoName) {
     try {
       text = document.createElement('span')

webext/data/style.css

@@ -1,6 +1,6 @@
 /* placeholder */
-.repohead > div > div:not(.has-lovely-forks) {
-    padding-bottom: 12px;
+main > div > div > div:not(.has-lovely-forks) {
+    padding-bottom: 20px;
 }
 
 /* smoother integration, show hierarchy */
@@ -20,5 +20,5 @@
 
 /* icons */
 .lovely-forks-addon img {
-    vertical-align: bottom;
+    vertical-align: middle;
 }