update footer

Author: everloste

index.html

@@ -137,9 +137,9 @@ <h3 class="widget-text">A heading widget...</h3>
 		</div>
 		<footer>
 			<p hidden id="progress-indicator" style="text-align: left;">
-				Working... (<span id="progress-indicator-percentage">0</span>%) &nbsp;∗&nbsp;&nbsp;
+				Working &nbsp;∗&nbsp; <span id="progress-indicator-percentage">0</span>%
 			</p>
-			<p>
+			<p style="text-align: right;">
 				Developed and maintained with
 				<svg
 					alt="love"
@@ -150,10 +150,10 @@ <h3 class="widget-text">A heading widget...</h3>
 						fill="#AA8ED6"
 						d="M35.885 11.833c0-5.45-4.418-9.868-9.867-9.868-3.308 0-6.227 1.633-8.018 4.129-1.791-2.496-4.71-4.129-8.017-4.129-5.45 0-9.868 4.417-9.868 9.868 0 .772.098 1.52.266 2.241C1.751 22.587 11.216 31.568 18 34.034c6.783-2.466 16.249-11.447 17.617-19.959.17-.721.268-1.469.268-2.242z" />
 				</svg>
-				by Autumn and Bee &nbsp;∗&nbsp; Read the
-				<a href="https://github.com/autumn-mck/dptoolkit-web">source code</a> &nbsp;∗&nbsp;
+				by Autumn and Bee &nbsp;∗&nbsp;
+				<a href="https://github.com/autumn-mck/dptoolkit-web">Source code</a> &nbsp;∗&nbsp;
 				<a href="https://github.com/autumn-mck/dptoolkit-web/issues">Report issues</a> &nbsp;∗&nbsp;
-				Join the <a href="https://everloste.github.io/discord">Discord server</a> for other things
+				<a href="https://everloste.github.io/discord">Discord server</a>
 				&nbsp;∗&nbsp;
 				<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
 					<path

style.css

@@ -303,11 +303,12 @@ footer {
 	justify-content: space-between;
 	align-content: center;
 	align-items: center;
-	justify-content: center;
+	padding: 0 0.5rem;
 
 	p {
 		margin: 0;
 		text-align: center;
+		flex: auto;
 	}
 	svg {
 		display: inline-block;