Update tooltips to specify path support.

Author: tschettler

src/options.html

@@ -150,7 +150,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 maximum time allowed on the site per day. After this time, has elapsed the site will be blocked.</span>
+                    <span class="tooltiptext">Set the maximum time allowed on the site per day. After this time, has elapsed the site will be blocked. 
+                        Restrictions can be configured for specific paths on a site as well.</span>
                 </div>
                 <div class="margin-top-10">
                     <input type="text" class="label-with-list" placeholder="Enter site name..."
@@ -171,7 +172,7 @@
                 <label>List of sites with notifications: </label>
                 <div class="tooltip"><img src="/icons/information.svg" height="18" />
                     <span class="tooltiptext">Show notifications every time you spend a specified time interval on the
-                        site</span>
+                        site. Notifications can be configured for specific paths on a site as well.</span>
                 </div>
                 <div class="margin-top-10">
                     <input type="text" class="label-with-list" placeholder="Enter site name..." id='addNotifySiteLbl' />

src/style/settings.css

@@ -225,13 +225,13 @@ input[type="button"]:hover {
     background-color: #555;
     color: #fff;
     text-align: center;
-    padding: 5px 0;
+    padding: 5px;
     border-radius: 6px;
 
     /* Position the tooltip text */
     position: absolute;
     z-index: 1;
-    transform: translateX(-50%) translateY(-150%);
+    transform: translateX(-50%) translateY(-120%);
 
     /* Fade in tooltip */
     opacity: 0;