ui/ux improvements

assets/css/styles.css

@@ -2644,7 +2644,7 @@ body.login {
 }
 
 #slide-out-menu {
-  translate: -100%;
+  transform: translateX(-100%);
   transition: 300ms ease-in-out;
   /* Hide scrollbar for WebKit (Chrome, Safari) */
   /* Hide scrollbar for Firefox */
@@ -2675,7 +2675,7 @@ body.login {
 }
 
 #slide-out-menu.open {
-  transform: translateX(100%);
+  transform: translateX(0);
 }
 
 #header-nav.out-of-view {

templates/internal/living-in-balance.php

@@ -99,7 +99,7 @@ $statesOfWellness = [
                 <li class="accordion bg-<?= $state['color']['bg'] ?> text-<?= $state['color']['text'] ?>">
                   <div class="relative flex px-2 rounded-md justify-between">
                     <div href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
-                      <p><?php echo $state['title'] ?></p>
+                      <p class="pr-4"><?php echo $state['title'] ?></p>
                     </div>
 
                     <button class="accordion-toggle absolute inset-0 flex w-full h-full">

templates/internal/safety.php

@@ -64,7 +64,7 @@ $safetyPrecaution = [
               <li class="accordion precautions-columns">
                 <div class="relative flex px-2 rounded-md justify-between">
                   <div href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
-                    <p><?php echo $precaution['title'] ?></p>
+                    <p class="pr-4"><?php echo $precaution['title'] ?></p>
                   </div>
 
                   <button class="accordion-toggle absolute inset-0 flex w-full h-full">