From 68a3c9e1f5986f87015630751bfc50d80710097d Mon Sep 17 00:00:00 2001
From: James Ketrenos <james_eikona@ketrenos.com>
Date: Sun, 20 Mar 2022 11:28:41 -0700
Subject: [PATCH] Swap active player to the left

Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
---
 client/src/PlayersStatus.css | 39 +++++++++++++++++++++++-------------
 1 file changed, 25 insertions(+), 14 deletions(-)

diff --git a/client/src/PlayersStatus.css b/client/src/PlayersStatus.css
index 4be0b1e..26b79fe 100644
--- a/client/src/PlayersStatus.css
+++ b/client/src/PlayersStatus.css
@@ -2,19 +2,21 @@
   display: flex;
   flex-direction: column;
   position: absolute;
-  left: 0;
-  bottom: 7rem;
   margin-bottom: 0.5rem;
   color: #d0d0d0;
   pointer-events: none;
+  align-items: flex-end;
+  left: auto;
+  right: 0;
+  bottom: 11rem;
 }
 
 .PlayersStatus.ActivePlayer {
-  right: 0;
-  bottom: 11rem; /* 1rem over top of Resource cards in hand */
-  align-items: flex-end;
+  align-items: flex-start;
   pointer-events: all;
-  left: auto;
+  right: auto;
+  left: 0;
+  bottom: 11rem; /* 1rem over top of Resource cards in hand */
 }
 
 .PlayersStatus .Player {
@@ -30,12 +32,15 @@
   color: white;
   display: inline-flex;
   align-items: center;
+  justify-content: flex-end;
+  padding-right: 0.5rem;
+  padding-left: 0;
 }
 
 .PlayersStatus.ActivePlayer .Who {
-  display: flex;
-  justify-content: flex-end;
-  padding-right: 0.5rem;
+  justify-content: flex-start;
+  padding-left: 0.5rem;
+  padding-right: 0;
 }
 
 .PlayerStatus.ActivePlayer .Resource {
@@ -46,6 +51,7 @@
   margin: 0 0.5rem;
   display: flex;
   flex-direction: column;
+  align-items: flex-end;
 }
 
 .PlayersStatus .What > div {
@@ -53,7 +59,7 @@
 }
 
 .PlayersStatus.ActivePlayer .What {
-  align-items: flex-end;
+  align-items: flex-start;
 }
 
 .PlayersStatus .PlayerColor {
@@ -85,10 +91,15 @@
   margin-bottom: 0;
 }
 
-.PlayersStatus .Shrunken .BoardPieces {
+.PlayersStatus.ActivePlayer .BoardPieces {
   align-items: flex-start;
   left: 0;
-  transform-origin: 0 100%;
+}
+
+.PlayersStatus .Shrunken .BoardPieces {
+  align-items: flex-end;
+  right: 0;
+  transform-origin: 100% 100%;
   transform: scale(0.75);
 }
 
@@ -122,11 +133,11 @@
   box-sizing: border-box;
   border-radius: 2px;
   border: 1px solid #fff;
-  margin: 0 0.75rem 0 0;
+  margin: 0 0 0 0.75rem;
 }
 
 .PlayersStatus.ActivePlayer .Placard {
-  margin-left: 0.75rem;
+  margin-right: 0.75rem;
 }
 
 .PlayersStatus .Placard > div.Right {