Add button for donate

Author: hai-altx-soft

manifest.json

@@ -3,7 +3,7 @@
 
         "name": "Web Activity Time Tracker",
         "short_name": "Web Activity",
-        "version": "0.7.5",
+        "version": "0.7.6",
         "minimum_chrome_version": "26",
 
         "description": "Track your activity in the browser.",

options.html

@@ -90,7 +90,8 @@
          <div id='restrictionsBlock' hidden>
             <label>Access daily restrictions for websites: </label>
             <div class="tooltip"><img src="/icons/information.svg" height="18" />
-               <span class="tooltiptext">Set the time you can spend on the site during the day. After this time, access to the site will be blocked.</span>
+               <span class="tooltiptext">Set the time you can spend on the site during the day. After this time, access
+                  to the site will be blocked.</span>
             </div>
             <div class="margin-top-10">
                <input type="text" placeholder="Enter site name..." id='addRestrictionSiteLbl' />
@@ -119,6 +120,60 @@
                      href="https://chrome.google.com/webstore/detail/web-activity-time-tracker/hhfnghjdeddcfegfekjeihfmbjenlomm/reviews"
                      target="_blank">Let me know!</a></label>
             </div>
+            <div class="margin-top-10">
+               <label>If you like what I'm accomplishing, feel free to buy me a coffee ☕️ Thank you for your
+                  support!</label>
+               <div class="margin-top-10">
+                  <style>
+                     .bmc-button img {
+                        width: 27px !important;
+                        margin-bottom: 1px !important;
+                        box-shadow: none !important;
+                        border: none !important;
+                        vertical-align: middle !important;
+                     }
+
+                     .bmc-button {
+                        line-height: 36px !important;
+                        height: 37px !important;
+                        text-decoration: none !important;
+                        display: inline-flex !important;
+                        color: #FFFFFF !important;
+                        background-color: #FF813F !important;
+                        border-radius: 3px !important;
+                        border: 1px solid transparent !important;
+                        padding: 1px 9px !important;
+                        font-size: 22px !important;
+                        letter-spacing: 0.6px !important;
+                        box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;
+                        -webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;
+                        margin: 0 auto !important;
+                        font-family: 'Cookie', cursive !important;
+                        -webkit-box-sizing: border-box !important;
+                        box-sizing: border-box !important;
+                        -o-transition: 0.3s all linear !important;
+                        -webkit-transition: 0.3s all linear !important;
+                        -moz-transition: 0.3s all linear !important;
+                        -ms-transition: 0.3s all linear !important;
+                        transition: 0.3s all linear !important;
+                     }
+
+                     .bmc-button:hover,
+                     .bmc-button:active,
+                     .bmc-button:focus {
+                        -webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;
+                        text-decoration: none !important;
+                        box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;
+                        opacity: 0.85 !important;
+                        color: #FFFFFF !important;
+                     }
+                  </style>
+                  <link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet"><a class="bmc-button"
+                     target="_blank" href="https://www.buymeacoffee.com/webactivitytime"><img
+                        src="https://www.buymeacoffee.com/assets/img/BMC-btn-logo.svg" alt="Buy me a coffee"><span
+                        style="margin-left:5px">Buy me a coffee</span></a>
+               </div>
+            </div>
          </div>
       </div>
    </div>

style/settings.css

@@ -298,7 +298,7 @@ input[type="button"]:hover {
 }
 
 #restrictionsList{
-    width: 430px;
+    width: 440px;
     height: 250px;
 }