fixes

Author: tipsy

_includes/plugins/pluginCard.html

@@ -21,11 +21,11 @@ <h2 class="jv-card-title">
     <div class="plugin-box-footer">
         <div class="plugin-reports">
             <a class="view-reports" href="https://github.com/javalin/website/issues/{{ include.ratingIssueNr }}">View reports</a>
-            <a class="make-report" href="https://github.com/javalin/website/issues/{{ include.ratingIssueNr }}">Report plugin</a>
+            <a class="make-report" href="https://github.com/javalin/website/issues/{{ include.ratingIssueNr }}">Report</a>
         </div>
         {% assign first = include.docsUrl | slice: 0 %}
         <a class="view-docs-btn" href="{{ include.docsUrl }}">
-            View documentation
+            View docs
             {% if first == "/" %}
             <svg width="24" height="24" viewBox="0 0 24 24">
                 <path d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"/>

_includes/plugins/pluginCard.js

@@ -19,8 +19,8 @@ function setPluginReports(pluginName, apiUrl) {
     function setReports(comments) {
         document.querySelector(`.${pluginName} .plugin-reports`).insertAdjacentHTML("afterbegin", `
           ${comments > 0
-            ? `<span class="r-icon r-alert">${reactionIcons.alert} This plugin has been reported ${comments} times</span>`
-            : `<span class="r-icon r-check">${reactionIcons.check} This plugin has never been reported</span>`}
+            ? `<span class="r-icon r-alert">${reactionIcons.alert} ${comments} reports</span>`
+            : `<span class="r-icon r-check">${reactionIcons.check} Never reported</span>`}
         `)
     }
 }

_includes/sponsorOrStar.html

@@ -13,7 +13,7 @@
     .star-us {
         display: flex;
         align-items: center;
-        padding: 24px;
+        padding: 20px;
         margin: 40px 0;
         font-family: var(--jv-font-heading);
         font-weight: 600;
@@ -30,6 +30,7 @@
         letter-spacing: -0.5px;
         font-weight: bold;
         display: none;
+        margin-top: 0;
     }
 
     #starFrame {

_sass/_frame.scss

@@ -334,8 +334,9 @@ body.dark-mode {
 
         li {
           a {
+            margin: 0;
             font-size: 16px;
-            padding: 8px 12px;
+            padding: 8px;
           }
 
           + li {

_sass/_tutorial.scss

@@ -34,6 +34,11 @@
     display: inline-block;
     float: none;
   }
+
+  .tutorial-card .tutorial-languages {
+    position: static;
+    margin-top: 12px;
+  }
 }
 
 /* Tutorial overview tabs */