add buymeacoffee links

README.md

@@ -59,10 +59,4 @@ Snoozz is licensed under the [GNU GPLv3](https://github.com/rohanb10/snoozz-tab-
 
 Built by [rohan](https://rohan.xyz) in 2020/21
 
-## Donations
-
-Snoozz is and always will be free. I don't have ongoing server costs or subscriptions or anything like that.
-
-If you feel like it, consider [throwing a couple bucks my way](https://paypal.me/rohanrohanrohanrohan/3USD) to help me keep the snoozz.me domain annually. 
-
-Any additional funds will be recycled back in to the community to help support other developers who's products I use.
+[🍺 Buy me a beer](https://www.buymeacoffee.com/rohanb10)

html/settings.html

@@ -229,11 +229,14 @@ <h2><span>About</span></h2>
 			<span><a target='_blank' href="https://github.com/rohanb10/snoozz-tab-snoozing/">github</a></span>
 			<span><a target='_blank' href="https://snoozz.me/changelog.html">changelog</a></span>
 			<span><a target='_blank' href="https://github.com/rohanb10/snoozz-tab-snoozing/issues/new/choose">report a bug</a></span>
-			<span><a target='_blank' href="https://github.com/rohanb10/snoozz-tab-snoozing/blob/master/LICENSE">license</a></span>
 			<span><a target='_blank' href="https://snoozz.me/privacy.html">privacy</a></span>
 			<span><a target='_blank' href="https://snoozz.me/attribution.html">attribution</a></span>
+			<span><a target='_blank' href="https://github.com/rohanb10/snoozz-tab-snoozing/blob/master/LICENSE">license</a></span>
+		</div>
+		<div>
+			<span>Built by <a target='blank' href="https://rohan.xyz">rohan</a> in 2020/21.</span>
+			<span><a target="_blank" href="https://www.buymeacoffee.com/rohanb10">Buy me a beer</a><big>🍺</big></span>
 		</div>
-		<div><p>Built by <a target='blank' href="https://rohan.xyz">rohan</a> in 2020.</p></div>
 	</div>
 	<div class="copied">Copied to clipboard</div>
 	<div class="import-success">Succesfully imported tabs from <span></span>.</div>

scripts/nap_room.js

@@ -258,7 +258,7 @@ function buildTab(t) {
 	var title = wrapInDiv({className: 'tab-name', innerText: t.title, title: t.url ?? ''});
 
 	var startedNap = wrapInDiv({className:'nap-time', innerText: `Started napping at ${dayjs(t.timeCreated).format(`${getHourFormat()} [on] ddd D MMM YYYY`)}`})
-	if (t.modifiedTime) startedNap.innerText = `Last modified at ${dayjs(t.timeCreated).format(`${getHourFormat()} [on] ddd D MMM YYYY`)}`;
+	if (t.modifiedTime) startedNap.innerText = `Last modified at ${dayjs(t.modifiedTime).format(`${getHourFormat()} [on] ddd D MMM YYYY`)}`;
 	var titleContainer = wrapInDiv('title-container', title, startedNap);
 
 	var wakeUpTimeContainer = wrapInDiv('wakeup-time-container', wrapInDiv('wakeup-label'), wrapInDiv('wakeup-time'));

styles/settings.css

@@ -265,9 +265,14 @@ p.storage-text, p.storage-low, p.storage-full {
 #version {
 	margin-top: 2.5em;
 }
-.about-container p, .about-container .flex span {
+.about-container p, .about-container div span {
 	padding-left: 1.25em;
 	padding-right: .5em;
+	margin-bottom: 1em;
+}
+big {
+	font-size: 1.25em;
+	margin-left: .5rem;
 }
 @media screen and (min--moz-device-pixel-ratio:0) {
 	.right-click span:after {