Merge pull request #21817 from shuuji3/narrow-spaces-between-lines

Narrow the space between lines in buttons in docs/home

Author: k8s-ci-robot

assets/scss/_base.scss

@@ -65,8 +65,8 @@ footer {
   .button {
     display: inline-block;
     border-radius: 6px;
-    padding: 0 20px;
-    line-height: 40px;
+    padding: 6px 20px;
+    line-height: 1.3rem;
     color: white;
     background-color: $blue;
     text-decoration: none;

layouts/partials/docs/docs-portal-card.html

@@ -19,9 +19,11 @@ <h2 id="{{ replace .title " " "-" | lower }}">{{ .title }}</h2>
         {{ end }}
     {{ end }}
     </ul>
-    <br>
-    <button id="btn-concepts" class="button" onClick="location.href='{{ .button_path | relLangURL }}';" aria-label="{{ .title }}">{{ .button }}</button>
-    <br>
-    <br>
+    {{ if .button }}
+      <br>
+      <button id="btn-concepts" class="button" onClick="location.href='{{ .button_path | relLangURL }}';" aria-label="{{ .title }}">{{ .button }}</button>
+      <br>
+      <br>
+    {{ end }}
 </div>
 {{ end }}