fix: position open court at the right, change svg color

Author: kemuru

web/src/pages/Dashboard/Courts/CourtCard/CourtName.tsx

@@ -13,6 +13,7 @@ const Container = styled.div`
   flex-direction: row;
   gap: 16px;
   align-items: center;
+  justify-content: space-between;
 
   small {
     height: 100%;
@@ -37,6 +38,12 @@ const StyledButton = styled(LightButton)`
     color: ${({ theme }) => theme.primaryBlue};
     font-size: 14px;
   }
+  > .button-svg {
+    margin-right: 0;
+    path {
+      fill: ${({ theme }) => theme.primaryBlue};
+    }
+  }
 `;
 
 interface ICourtName {

web/src/pages/Dashboard/Courts/CourtCard/Stake.tsx

@@ -14,11 +14,11 @@ const Container = styled.div`
   flex-direction: row;
   gap: 16px;
   width: 100%;
-  justify-content: flex-end;
+  justify-content: flex-start;
+  align-items: center;
 
   ${landscapeStyle(
     () => css`
-      align-items: center;
       width: auto;
     `
   )}