modified

MatejFrnka · Feb 6, 2024 · 3c6e697 · 3c6e697
1 parent fc1eb25
commit 3c6e697
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git a/frontend/sportsmatch-app/src/components/EventHistoryItem.tsx b/frontend/sportsmatch-app/src/components/EventHistoryItem.tsx
@@ -13,7 +13,7 @@ function EventHistoryItem({eventHistoryDTO}: EventHistoryProps) {
         <div className="event-history-item">
           <div className="match-status">VICTORY (uncorfirmed)</div>
           <div className="user-side">
-            <div>
+            <div className="user-profile">
               <div className="user-avatar">
                 <Avatar src="" alt="User"/>
               </div>
@@ -29,7 +29,7 @@ function EventHistoryItem({eventHistoryDTO}: EventHistoryProps) {
             <div className="opponent-score">
               {eventHistoryDTO.opponentScore}
             </div>
-            <div>
+            <div className="opponent-profile">
               <div className="opponent-avatar">
                 <Avatar src="" alt="Opponent" />
               </div>

diff --git a/frontend/sportsmatch-app/src/styles/EventHistoryItem.css b/frontend/sportsmatch-app/src/styles/EventHistoryItem.css
@@ -45,16 +45,30 @@
     grid-template-rows: 2fr 1fr;
 }
 
+.user-profile {
+    grid-column: 2;
+}
+
+.opponent-profile {
+    grid-column: 2;
+}
+
 .user-score {
+    align-items: center;
+    display: flex;
+    height: 35px;
     text-align: right;
     color: #FC4C02;
     font-weight: bold;
     font-size: 16px;
-    grid-column: 2;
+    grid-column: 3;
     grid-row: 1;
 }
 
 .opponent-score {
+    align-items: center;
+    display: flex;
+    height: 35px;
     text-align: left;
     color: #FC4C02;
     font-weight: bold;
@@ -65,14 +79,12 @@
 
 .user-name {
     color: #FC4C02;
-    grid-column: 1;
     grid-row: 2;
     margin: auto;
 }
 
 .opponent-name {
     color: #FC4C02;
-    grid-column: 2;
     grid-row: 2;
     margin: auto;
 
@@ -81,7 +93,6 @@
 
 .user-avatar {
     border: 2px solid #FC4C02;
-    grid-column: 1;
     width: 35px;
     height: 35px;
     border-radius: 50%;
@@ -94,7 +105,6 @@
 
 .opponent-avatar {
     border: 2px solid #FC4C02;
-    grid-column: 2;
     width: 35px;
     height: 35px;
     border-radius: 50%;