From f9d7f7352ac19120f5ce94ffac23471a91ff8921 Mon Sep 17 00:00:00 2001
From: Sebastiaan van Stijn <github@gone.nl>
Date: Wed, 14 Oct 2020 01:36:29 +0200
Subject: [PATCH] accessibility: minor fixes in get-docker page

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
---
 _scss/_content.scss    |  5 ++++-
 _scss/_night-mode.scss |  2 +-
 get-docker.md          | 12 ++++++------
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/_scss/_content.scss b/_scss/_content.scss
index 557670ed35..398752cd1a 100755
--- a/_scss/_content.scss
+++ b/_scss/_content.scss
@@ -72,7 +72,10 @@ code {
       margin: 0 auto;
       width: 70px;
     }
-    h3, p {
+    h2 {
+      font-size: 22px;
+    }
+    h2, h3, p {
       margin: 0;
     }
 }
diff --git a/_scss/_night-mode.scss b/_scss/_night-mode.scss
index 064edf18f4..c96eec113d 100755
--- a/_scss/_night-mode.scss
+++ b/_scss/_night-mode.scss
@@ -124,7 +124,7 @@ body.night {
         background: $bg-component-night;
         img {
           opacity: 1;
-          filter: grayscale(100%);
+          filter: grayscale(100%) brightness(2);
         }
     }
     .transparent-btn {
diff --git a/get-docker.md b/get-docker.md
index d14b8189b5..a8942480fe 100644
--- a/get-docker.md
+++ b/get-docker.md
@@ -25,27 +25,27 @@ section and choose the best installation path for you.
         <div class="col-sm-12 col-md-12 col-lg-4 block">
             <div class="component">
                 <div class="component-icon">
-                    <a href="/docker-for-mac/install/"><img src="/images/apple_48.svg" alt="Docker Desktop for Mac"></a>
+                    <a href="/docker-for-mac/install/"><img src="/images/apple_48.svg" alt="Docker Desktop for Mac" width="70" height="70"></a>
                 </div>
-                <h3 id="docker-for-mac"><a href="/docker-for-mac/install/">Docker Desktop for Mac</a></h3>
+                <h2 id="docker-for-mac"><a href="/docker-for-mac/install/">Docker Desktop for Mac</a></h2>
                 <p>A native application using the macOS sandbox security model which delivers all Docker tools to your Mac.</p>
             </div>
         </div>
         <div class="col-sm-12 col-md-12 col-lg-4 block">
             <div class="component">
                 <div class="component-icon">
-                    <a href="/docker-for-windows/install/"><img src="/images/windows_48.svg" alt="Docker Desktop for Windows"></a>
+                    <a href="/docker-for-windows/install/"><img src="/images/windows_48.svg" alt="Docker Desktop for Windows" width="70" height="70"></a>
                 </div>
-                <h3 id="docker-for-windows/install/"><a href="/docker-for-windows/install/">Docker Desktop for Windows</a></h3>
+                <h2 id="docker-for-windows/install/"><a href="/docker-for-windows/install/">Docker Desktop for Windows</a></h2>
                 <p>A native Windows application which delivers all Docker tools to your Windows computer.</p>
             </div>
         </div>
         <div class="col-sm-12 col-md-12 col-lg-4 block">
             <div class="component">
                 <div class="component-icon">
-                    <a href="/engine/install/"><img src="/images/linux_48.svg" alt="Docker for Linux"></a>
+                    <a href="/engine/install/"><img src="/images/linux_48.svg" alt="Docker for Linux" width="70" height="70"></a>
                 </div>
-                <h3 id="docker-for-linux"><a href="/engine/install/">Docker for Linux</a></h3>
+                <h2 id="docker-for-linux"><a href="/engine/install/">Docker for Linux</a></h2>
                 <p>Install Docker on a computer which already has a Linux distribution installed.</p>
             </div>
         </div>