From 69bf6ebbdd03c2d784c1443229e2ca5ef24ed28c Mon Sep 17 00:00:00 2001
From: satsuki <satsuki@waifu.club>
Date: Sun, 12 Apr 2020 05:42:11 +0100
Subject: [PATCH] Fixed download buttons

---
 css/styles.css | 19 +++++++++++++++++--
 index.html     | 12 ++++--------
 2 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 7799f48..5cb1f0e 100755
--- a/css/styles.css
+++ b/css/styles.css
@@ -686,6 +686,10 @@ a.download_button {
 	left: 290px;
 }
 
+a.download_button:hover {
+  opacity: 1.0;
+}
+
 div.download_button {
 	text-decoration: none;
 	position: relative;
@@ -787,7 +791,17 @@ p.code:hover {
     border-radius: 12px; /* Rounded Edges */
 }
 
+.button4:hover {
+    background-color: #4CAF50;
+}
 
+a.button4:hover {
+  opacity: 1.0;
+}
+
+a.button2:hover {
+  opacity: 1.0;
+}
 
 .tooltip {
   position: relative;
@@ -935,14 +949,15 @@ img.button {
 
 
 a.button_left:hover {
-    opacity: 0.7;
+    opacity: 1.0;
   # color:#D1D1D1;
     text-decoration: underlined;
     font-family: Arial, Helvetica, sans-serif;
+    background-color: #4CAF50;
 }
 
 a.button_right:hover {
-    opacity: 0.7;
+  # opacity: 0.7;
   # color:#D1D1D1;
     text-decoration: underlined;
     font-family: Arial, Helvetica, sans-serif;
diff --git a/index.html b/index.html
index d1ef107..3ba1a6c 100755
--- a/index.html
+++ b/index.html
@@ -68,10 +68,8 @@
 	<div id="full_button" class="download-prompt-wrapper-2" style="width: 200px;">
 		<center>
 			<div class="download_button" id="download_button_index">
-				<div class="tooltip"><a class="button_left" style="padding-right: 30px; border-radius: 12px 12px 12px 12px; cursor: pointer;" id="direct" href="https://t.me/amereleases" target="_blank">ISO Download<img style="position: relative; bottom: -2px; right: -10px;" src="img/download.png"
-							width="16px">
-					</a>
-					<span class="tooltiptext" style="position: absolute; left: 86px; margin-bottom: 15px; font-size: 12px;">Downloads on Telegram channel</span>
+				<div class="tooltip"><a class="button_left" style="padding-left: 25px; border-radius: 12px 12px 12px 12px; cursor: pointer;" id="direct" href="https://t.me/amereleases" target="_blank"><img style="position: relative; bottom: 0px; right: 8px;" src="img/download.png"width="12px">ISO Download</a>
+				<!-- <span class="tooltiptext" style="position: absolute; left: 86px; margin-bottom: 15px; font-size: 12px;">Downloads on Telegram channel</span> -->
 
 				</div>
 				<div class="clear"></div>
@@ -86,10 +84,8 @@
 	<div id="minimal_button" class="download-prompt-wrapper-2" style="width: 200px;">
 		<center>
 			<div class="download_button" id="download_button_index">
-				<div class="tooltip"><a class="button_left" style="padding-right: 30px; border-radius: 12px 12px 12px 12px; cursor: pointer;" id="direct" href="documentation.html">Build Yourself<img style="position: relative; bottom: -2px; right: -10px;" src="img/book.png"
-							width="16px">
-					</a>
-					<span class="tooltiptext" style="position: absolute; left: 84px; margin-bottom: 15px; font-size: 12px;">Apply via AME documentation</span>
+				<div class="tooltip"><a class="button_left" style="padding-left: 25px; border-radius: 12px 12px 12px 12px; cursor: pointer;" id="direct" href="documentation.html"><img style="position: relative; bottom: 0px; right: 8px;" src="img/book.png"width="12px">Build Yourself</a>
+				<!-- <span class="tooltiptext" style="position: absolute; left: 84px; margin-bottom: 15px; font-size: 12px;">Apply via AME documentation</span> -->
 
 				</div>
 				<div class="clear"></div>