Add horizontal padding to help body and remove conflicting media query

Add 50 horizontal padding to the help body container to prevent the tour
navigation arrows from overlapping text content.

Remove a media query that changed arrow positioning to relative at 390px
viewport width, as it conflicted with existing responsive rules and
caused layout issues.

Author: Vanshika

css/activities.css

@@ -1182,7 +1182,7 @@ table {
   overflow-x: hidden;
   overflow-y: auto;
   width: 350px;
-  padding: 1rem 1rem 0 0;
+  padding: 1rem 50px 0 50px;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -1968,20 +1968,6 @@ table {
   flex-direction: row !important;
 }
 
-@media (max-width: 390px) {
-  #right-arrow,
-  #left-arrow {
-    position: relative;
-    top: auto;
-    left: auto;
-    margin-top: 10px;
-    margin-left: auto;
-    /* Center the arrows horizontally */
-    margin-right: auto;
-    display: block;
-    clear: both;
-  }
-}
 .logo-container{
   position: absolute;
   bottom: 1px; /* Distance from the bottom */