diff --git a/app/assets/css/launcher.css b/app/assets/css/launcher.css
index 56816997..5f7ede5a 100644
--- a/app/assets/css/launcher.css
+++ b/app/assets/css/launcher.css
@@ -1269,21 +1269,34 @@ input:checked + .toggleSwitchSlider:before {
* Settings View (Account Tab)
* * */
+#settingsAddAuthAccountButtonContainer {
+ display: flex;
+ width: 75%;
+ column-gap: 10px;
+}
+
+.settingsAddAuthAccountContainer {
+ width: 100%;
+}
+
/* Add account button styles. */
-#settingsAddAccount {
+.settingsAddAuthAccount {
background: rgba(0, 0, 0, 0.25);
border: 1px solid rgba(126, 126, 126, 0.57);
border-radius: 3px;
height: 50px;
- width: 75%;
+ width: 100%;
text-align: left;
- padding: 0px 50px;
+ padding: 0px 25px;
cursor: pointer;
outline: none;
transition: 0.25s ease;
+ display: flex;
+ align-items: center;
+ column-gap: 5px;
}
-#settingsAddAccount:hover,
-#settingsAddAccount:focus {
+.settingsAddAuthAccount:hover,
+.settingsAddAuthAccount:focus {
background: rgba(54, 54, 54, 0.25);
text-shadow: 0px 0px 20px white;
}
diff --git a/app/assets/images/icons/microsoft.svg b/app/assets/images/icons/microsoft.svg
new file mode 100644
index 00000000..78a4ed94
--- /dev/null
+++ b/app/assets/images/icons/microsoft.svg
@@ -0,0 +1,7 @@
+
\ No newline at end of file
diff --git a/app/assets/images/icons/mojang.svg b/app/assets/images/icons/mojang.svg
new file mode 100644
index 00000000..e1116b41
--- /dev/null
+++ b/app/assets/images/icons/mojang.svg
@@ -0,0 +1,5 @@
+
\ No newline at end of file
diff --git a/app/assets/js/scripts/settings.js b/app/assets/js/scripts/settings.js
index c70db702..90b478ff 100644
--- a/app/assets/js/scripts/settings.js
+++ b/app/assets/js/scripts/settings.js
@@ -315,7 +315,7 @@ settingsNavDone.onclick = () => {
*/
// Bind the add account button.
-document.getElementById('settingsAddAccount').onclick = (e) => {
+document.getElementById('settingsAddMojangAccount').onclick = (e) => {
switchView(getCurrentView(), VIEWS.login, 500, 500, () => {
loginViewOnCancel = VIEWS.settings
loginViewOnSuccess = VIEWS.settings
diff --git a/app/settings.ejs b/app/settings.ejs
index f5505cfe..8e8313f4 100644
--- a/app/settings.ejs
+++ b/app/settings.ejs
@@ -28,10 +28,28 @@
-