Merge pull request #3160 from robsassack/player-header-change

Updated styling for Immortal number and header margin
odota · Mar 12, 2024 · 29cd17b · 29cd17b
2 parents 053d556 + aefcf09
commit 29cd17b
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/src/components/Player/Header/PlayerHeader.jsx b/src/components/Player/Header/PlayerHeader.jsx
@@ -27,7 +27,7 @@ grid-template-columns: 1fr minmax(min-content, ${constants.appWidth}px) 1fr;
   display: flex;
   flex-direction: column;
   justify-content: center;
-  padding-bottom: 20px;
+  padding-bottom: 10px;
   grid-column: 2;
 }
 
@@ -117,16 +117,15 @@ grid-template-columns: 1fr minmax(min-content, ${constants.appWidth}px) 1fr;
   display: flex;
   flex-direction: column;
   justify-content: center;
-  margin: 0 30px;
   -webkit-filter: drop-shadow(2px -2px 2px rgba(0, 0, 0, 0.3))
   drop-shadow(2px -2px 2px rgba(0, 0, 0, 0.3));
   filter: drop-shadow(2px -2px 2px rgba(0, 0, 0, 0.3))
   drop-shadow(2px -2px 2px rgba(0, 0, 0, 0.3));
-  
+
   @media only screen and (max-width: 768px) {
     flex-wrap: nowrap;
   }
-  
+
   &[data-hint-position="top"] {
     &::after {
       margin-bottom: 3px;
@@ -138,7 +137,7 @@ grid-template-columns: 1fr minmax(min-content, ${constants.appWidth}px) 1fr;
       margin-left: 57px;
     }
   }
-  
+
   & img {
     width: 65px;
     height: 75px;
@@ -150,7 +149,7 @@ grid-template-columns: 1fr minmax(min-content, ${constants.appWidth}px) 1fr;
   display: flex;
   flex-direction: column;
   justify-content: center;
-  margin: 0 25;
+  margin: 0 25px;
   -webkit-filter: drop-shadow(2px -2px 2px rgba(0, 0, 0, 0.3))
   drop-shadow(2px -2px 2px rgba(0, 0, 0, 0.3));
   filter: drop-shadow(2px -2px 2px rgba(0, 0, 0, 0.3))
@@ -177,11 +176,11 @@ grid-template-columns: 1fr minmax(min-content, ${constants.appWidth}px) 1fr;
   &-board {
     position: absolute;
     align-self: center;
-    margin-top: 40px;
+    margin-top: 80px;
     margin-left: 1px;
     font-size: 22px;
     color: #ECD9C8;
-    text-shadow: 0 0 10px black;
+    text-shadow: 2px 2px 2px black;
   }
   &-star {
     position: absolute;