mobile fixes

Author: lexCoder2

src/app/components/layout/layout.component.scss

@@ -601,6 +601,7 @@
       margin: 100px auto;
       padding: 0 2rem;
       gap: $spacing-lg;
+
       .sidebar-btn {
         align-items: center;
         justify-content: center;
@@ -632,7 +633,10 @@
     .sidebar-header {
       display: none;
     }
-
+    .header-print-toggle,
+    .user-swap {
+      display: none;
+    }
     .mobile-sidebar-toggle {
       display: inline-flex;
       align-items: center;

src/app/components/pos/pos.component.scss

@@ -247,7 +247,7 @@
   @include button-primary;
   position: fixed !important;
   left: $spacing-lg !important;
-  bottom: 8.5rem !important;
+  bottom: 14.5rem !important;
   z-index: 12000 !important;
   width: $touch-target-lg !important;
   height: $touch-target-lg !important;

src/app/components/sidebar/sidebar.component.scss

@@ -55,6 +55,7 @@
 
   @media (max-width: $breakpoint-md) {
     transform: translateX(-100%);
+    width: 9px;
 
     &.mobile-open {
       transform: translateX(0);