Add donate button to index.html

6 years ago · a1a8881276
2 changed files with 15 additions and 8 deletions
--- a/index.html
+++ b/index.html
@ -23,7 +23,10 @@

    <body>
        <div class="header_box">
-            <a class="button top_right" href="https://github.com/MrS0m30n3/youtube-dl-gui">View on Github</a>
+            <div class="header_buttons">
+                <a class="button" href="https://github.com/MrS0m30n3/youtube-dl-gui">View on Github</a>
+                <a class="button" href="donate.html">Donate</a>
+            </div>

            <div class="header centre">
                <img class="logo" src="images/logo.png">
--- a/styles/style.css
+++ b/styles/style.css
@ -46,6 +46,7 @@ ul a:hover {
  margin-bottom: 1vw;
  margin-top: 2vw;
  padding: 1.2vw;
+  text-align: center;
 }

 .button:hover {
@ -119,6 +120,16 @@ ul a:hover {
  font-weight: normal;
 }

+.header_buttons {
+  float: right;
+  margin-right: 2%;
+}
+
+.header_buttons a {
+  width: 100%;
+  box-sizing: border-box;
+}
+
 .instruction {
  background-color: #F1F1F1;
  display: inline;
@ -151,13 +162,6 @@ ul a:hover {
  font-weight: bold;
 }

-.top_right {
-  position: absolute;
-  right: 0;
-  top: 0;
-  margin: 2% 2% 0 auto;
-}
-
 /* Resources */

 .zip { background: url("resources/zip.png") no-repeat; }