style: Use darker red for anchorjs link (railsdoc#201)

* style: Use red for anchor.js

* chore: format JS

* style: add indentation to method description

* style: Use deeper indentation for wide display

Author: toshimaru

src/_sass/railsdoc.scss

@@ -170,12 +170,21 @@ code {
   }
 }
 
-// FIXME: Wrap method with `code` tag in sdoc
 .method {
-  h3 {
-    font-family: monospace;
-    font-size: 1.3rem;
-  }
+    h3 {
+        font-family: monospace;
+        font-size: 1.3rem;
+    }
+
+    .description,
+    .method__aka,
+    .method__source {
+        margin-left: 1em;
+
+        @media (min-width: 768px) {
+            margin-left: 2em;
+        }
+    }
 }
 
 #content {
@@ -243,10 +252,10 @@ code {
 }
 
 .anchorjs-link {
-  color: #AAAAAA;
+  color: $red;
 
   &:hover {
-    color: $red;
+    color: #ee0000;
     text-decoration: none;
   }
 }

src/assets/js/app.js

@@ -1,24 +1,24 @@
-document.addEventListener('DOMContentLoaded', () => {
-  anchors.options.visible = 'always';
+document.addEventListener("DOMContentLoaded", () => {
+  anchors.options = { visible: "always" };
   anchors.add();
 });
 
 $(() => {
   // highlight.js
   hljs.configure({
-    languages: ['ruby', 'html', 'bash', 'sql']
+    languages: ["ruby", "html", "bash", "sql"],
   });
   hljs.highlightAll();
 
-  $("#navigation").load(`${config.rootPath}navigation.html`, function() {
+  $("#navigation").load(`${config.rootPath}navigation.html`, () => {
     $(".sidebar-sticky .icon").on("click", function (e) {
       e.preventDefault();
       $(this).siblings("ul").toggle();
       this.classList.toggle("icon-opened");
     });
     $(`.sidebar-content a[href='${window.location.pathname}']`)
       .attr("class", "active-link")
-      .parents('ul')
+      .parents("ul")
       .show();
-  })
+  });
 });