fixed the alignment of the join video for mobile view (#9057)

Co-authored-by: Mario Behling <[email protected]>

Author: adityagarg06

app/components/public/session-item.hbs

@@ -9,7 +9,7 @@
             {{@session.sessionType.name}}
           </div>
         </div>
-        <div class="d-flex ml-auto" style="height: fit-content;">
+        <div class="d-flex ml-auto mobile-help-buttons" style="height: fit-content;">
           {{#if this.sessionEnded}}
             {{#if @session.videoUrl}}
               <button class="ui basic {{text-color @session.track.color 'basic' 'inverted'}} button no-wrap" style={{css color=(text-color @session.track.color 'grey' 'lightgrey')}} {{action this.goToVideo}}>

app/styles/libs/_helpers.scss

@@ -60,6 +60,11 @@ $spacer-heights: 50 100 200 300 400 500 600 700 800 900;
     display: none !important;
   }
 }
+@media only screen and (max-width: 1152px) {
+  .mobile-help-buttons {
+    flex-wrap: wrap-reverse;
+  }
+}
 
 [data-ember-action] {
   &:not(:disabled) {