zmiana leyotu prawegomenu oraz pozycji licznika eX

app/src/components/Hero.jsx

@@ -495,9 +495,12 @@ 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">
+ <div className="additional-parameters">
   <h3>Parametry strzału</h3>
   <label>
     <input type="checkbox" id="firstShot" onChange={handleFirstShotChange} />
@@ -524,6 +527,8 @@ const handleRedirectChange = (event) => {
     Rykoszet
   </label>
 </div>
+</div>
+</div>
 <div className="bottom-bar">
 
       <button className="cho-shooter" id = "bbt1">Strzelec</button>
@@ -533,9 +538,6 @@ const handleRedirectChange = (event) => {
       <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 */