tweaks

Author: ArthurFlag

assets/css/components.css

@@ -85,17 +85,22 @@
   }
 
   .download-links {
-    @apply my-1 mt-4 flex flex-col rounded-sm border-1 border-gray-100 bg-gray-50 p-4 dark:border-gray-800 dark:bg-gray-900;
+    @apply my-0  text-gray-600 dark:text-gray-400 rounded-sm border-1 border-gray-100 bg-gray-100/10 px-2 py-1;
+    @apply dark:border-gray-800 dark:bg-gray-900;
+    font-size: 86%;
   }
 
   .download-links a {
     @apply link;
   }
 
   .download-links-subcontainer {
-    @apply flex flex-wrap gap-2;
+    @apply flex flex-row gap-2 justify-between;
     ul{
-      @apply px-2;
+      @apply m-0 p-0 list-none;
+      li{
+        @apply p-0 m-0;
+      }
     }
   }
 

hugo_stats.json

@@ -394,6 +394,9 @@
       "max-w-full",
       "max-w-none",
       "max-w-xl",
+      "mb-0.5",
+      "mb-0.6",
+      "mb-0.7",
       "mb-1",
       "mb-1.5",
       "mb-2",

layouts/shortcodes/desktop-install-v2.html

@@ -5,9 +5,10 @@
 {{- $linux := .Get "linux" -}}
 {{- $build_path := .Get "build_path" -}}
 <blockquote {{ if eq $build_path "/" }} class="tip" {{ end }} class="not-prose download-links">
-  <p>Download Docker Desktop:</p>
+  <p class="font-semibold mb-1">Download Docker Desktop</p>
   <div class="download-links-subcontainer">
-    <ul>
+   {{- if or $all $win $win_arm_release }}
+   <ul>  {{ end }}
     {{- if or $all $win }}
       <li>
         <a rel="noopener"
@@ -17,39 +18,44 @@
       </li>
     {{ end }}
     {{- if or $win_arm_release }}
-      <li>
-        <a rel="noopener"
-           href="https://desktop.docker.com/win/main/arm64{{ $build_path }}Docker%20Desktop%20Installer.exe?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-windows">Windows ARM {{ $win_arm_release }}</a>
-        (<a rel="noopener"
-            href="https://desktop.docker.com/win/main/arm64{{ $build_path }}checksums.txt">checksum</a>)
-      </li>
+        <li>
+          <a rel="noopener"
+             href="https://desktop.docker.com/win/main/arm64{{ $build_path }}Docker%20Desktop%20Installer.exe?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-windows">Windows ARM {{ $win_arm_release }}</a>
+          (<a rel="noopener"
+              href="https://desktop.docker.com/win/main/arm64{{ $build_path }}checksums.txt">checksum</a>)
+        </li>
     {{ end }}
+     {{- if or $all $win $win_arm_release }}
+      </ul>  {{ end }}
     {{- if or $all $mac }}
-      <li>
-        <a rel="noopener" href="https://desktop.docker.com/mac/main/arm64{{ $build_path }}Docker.dmg?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-mac-arm64">Mac with Apple chip</a>
-        (<a rel="noopener"
-            href="https://desktop.docker.com/mac/main/arm64{{ $build_path }}checksums.txt">checksum</a>)
-      </li>
-      <li>
-        <a rel="noopener" href="https://desktop.docker.com/mac/main/amd64{{ $build_path }}Docker.dmg?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-mac-amd64">Mac with Intel chip</a>
-        (<a rel="noopener"
-            href="https://desktop.docker.com/mac/main/amd64{{ $build_path }}checksums.txt">checksum</a>)
-      </li>
+      <ul>
+        <li>
+          <a rel="noopener" href="https://desktop.docker.com/mac/main/arm64{{ $build_path }}Docker.dmg?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-mac-arm64">Mac with Apple chip</a>
+          (<a rel="noopener"
+              href="https://desktop.docker.com/mac/main/arm64{{ $build_path }}checksums.txt">checksum</a>)
+        </li>
+        <li>
+          <a rel="noopener" href="https://desktop.docker.com/mac/main/amd64{{ $build_path }}Docker.dmg?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-mac-amd64">Mac with Intel chip</a>
+          (<a rel="noopener"
+              href="https://desktop.docker.com/mac/main/amd64{{ $build_path }}checksums.txt">checksum</a>)
+        </li>
+      </ul>
     {{ end -}}
     {{- if or $all $linux }}
-      <li>
-        <a rel="noopener"
-           href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}docker-desktop-amd64.deb?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-linux-amd64">Debian</a>
-        -
-        <a rel="noopener"
-           href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}docker-desktop-x86_64.rpm?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-linux-amd64">RPM</a>
-        -
-        <a rel="noopener"
-           href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}docker-desktop-x86_64.pkg.tar.zst?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-linux-amd64">Arch</a>
-        (<a rel="noopener"
-            href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}checksums.txt">checksum</a>)
-      </li>
+      <ul>
+        <li>
+          <a rel="noopener"
+             href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}docker-desktop-amd64.deb?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-linux-amd64">Debian</a>
+          -
+          <a rel="noopener"
+             href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}docker-desktop-x86_64.rpm?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-linux-amd64">RPM</a>
+          -
+          <a rel="noopener"
+             href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}docker-desktop-x86_64.pkg.tar.zst?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-linux-amd64">Arch</a>
+          (<a rel="noopener"
+              href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}checksums.txt">checksum</a>)
+        </li>
+      </ul>
       {{- end -}}
-    </ul>
   </div>
 </blockquote>