zmiana leyotu prawegomenu oraz pozycji licznika eX

app/src/components/Hero.jsx

@@ -495,6 +495,9 @@ const handleRedirectChange = (event) => {
               <div className="field-pic"></div>
               
         </div>
+<div className="rightMenu">
+    <div className="xg-meter">
+      <b id="ex" className="xg-value">0</b>
     </div>
 
  <div className="additional-parameters">
@@ -524,6 +527,8 @@ const handleRedirectChange = (event) => {
     Rykoszet
   </label>
 </div>
+</div>
+</div>
 <div className="bottom-bar">
 
       <button className="cho-shooter" id = "bbt1">Strzelec</button>
@@ -532,9 +537,6 @@ const handleRedirectChange = (event) => {
       <button className="cho-atack"  id = "bbt4">Atakujący</button>
       <button className="reset-button" onClick={resetField}>Reset</button>  
       <button className="info-button" onClick={sentQuestion}>xG</button>
-     </div>
-     <div className="xg-meter">
-      <b id="ex" className="xg-value">0</b>
      </div>
           </div>   
    </div>

app/src/index.css

@@ -277,7 +277,7 @@
   }
 
 .additional-parameters {
-  position: fixed; /* Or absolute, depending on layout */
+  position: relative; /* Or absolute, depending on layout */
   right: 0;
   top: 30%; /* Adjusted to a higher position */
   width: 250px; /* Increased width */