From a64c046368b65e8b3fc5f44a63b9733695badd90 Mon Sep 17 00:00:00 2001
From: Luke <luke@safing.io>
Date: Thu, 28 Jan 2021 13:08:10 +0100
Subject: [PATCH] Update download layout

---
 portmaster/index.html | 22 +++++++---------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/portmaster/index.html b/portmaster/index.html
index b4afdb7..8f847df 100644
--- a/portmaster/index.html
+++ b/portmaster/index.html
@@ -204,20 +204,13 @@ redirect_from:
               <h2 id="downloads" class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
                 Download
               </h2>
-              <p class="text-md opacity-55">
-                Easy install. Easy uninstall.
-              </p>
-            </div>
-            <div>
-              <div class="text-center lg:text-left lg:inline-flex items-center mt-16 mb-16 spn-shadow p-10 rounded-lg">
-                <div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto mr-auto ml-auto">
-                  <img src="{{ site.img_url }}icons/warning.svg" class="h-8 w-8">
-                </div>
-                <p class="pt-5 lg:pt-0 md:pl-10 md:pr-10 text-sm opacity-75">
-                   The Portmaster is still in its early "alpha" development stage. While some features might still have bugs, it runs quite stable and can easily be uninstalled again. We'll push updates and fixes as we go. Limited support is available, see below.
-                </p>
+              <div class="mx-auto pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
+                <img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
+                Portmaster is Alpha Software, treat as such; expect bugs here and there. Early Adopters welcome.
               </div>
-              <div class="py-10 block grid lg:flex lg:grid-cols-3 gap-10 justify-center">
+            </div>
+            <div class="py-10">
+              <div class="pb-6 pt-2 block grid lg:flex lg:grid-cols-3 gap-10 justify-center">
                 <a href="{{ site.download_windows_url }}" class="flex items-center">
                   <button type="button" style="background-color: #000;" class="mx-auto transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
                     <svg class="h-4 w-4 mr-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88">
@@ -251,8 +244,7 @@ redirect_from:
                   </button>
                 </a>
               </div>
-
-              <p style="color: #727272;" class="pt-3 max-w-lg mx-auto text-center font-medium">
+              <p style="color: #727272;" class="pt-6 max-w-lg mx-auto text-center font-medium text-sm">
                 Please report technical issues on the <a class="link" href="{{ site.github_windows_wiki_url }}">Windows 7, 8</a>
                 and or <a class="link" href="{{ site.github_linux_wiki_url }}">Linux 2.4+</a>
               </p>