fix(layout): swap A1 and L3 buttons to correct placement issue (OpenS…

…tickCommunity#1057) * fix(layout): swap A1 and L3 buttons to correct placement issue * fix(layout): swap A1 and L3 buttons to correct placement issue on 16a as well --------- Co-authored-by: “KeyOnTech” <“KeyOnApps@Gmail.com”>
mizma · Jun 12, 2024 · 25ee928 · 25ee928
1 parent 985ae1a
commit 25ee928
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/www/src/Pages/CustomThemePage.scss b/www/src/Pages/CustomThemePage.scss
@@ -612,13 +612,13 @@ $button-keycap: 19px;
 	}
 	.L3 {
 		@include arcade-button($button-24mm, true);
-		left: calc(50% - #{$button-24mm * 3.5});
-		top: calc(50% + #{$button-24mm * 0.75});
+		left: calc(59% - #{$button-24mm});
+		top: calc(0% - #{$button-24mm * 2.15});
 	}
 	.A2 {
 		@include arcade-button($button-24mm, true);
-		left: calc(59% - #{$button-24mm});
-		top: calc(0% - #{$button-24mm * 2.15});
+		left: calc(50% - #{$button-24mm * 3.5});
+		top: calc(50% + #{$button-24mm * 0.75});
 	}
 }
 
@@ -697,13 +697,13 @@ $button-keycap: 19px;
 	}
 	.L3 {
 		@include arcade-button($button-24mm, true);
-		left: calc(50% - #{$button-24mm * 11});
-		top: $button-24mm * 2;
+		left: calc(59% - #{$button-24mm});
+		top: calc(0% - #{$button-24mm * 2.15});
 	}
 	.A2 {
 		@include arcade-button($button-24mm, true);
-		left: calc(59% - #{$button-24mm});
-		top: calc(0% - #{$button-24mm * 2.15});
+		left: calc(50% - #{$button-24mm * 11});
+		top: $button-24mm * 2;
 	}
 }