fix: making table with ticket details compatible with phone (#3583)

* fix : making table responsive with ticket details

* making segment compact for mobile

* adding x-scrollable to ticket table segment

* removing "if device.isMobile" .

* removing price icon from the price table heading

* Update index.hbs

* Update index.hbs

* fix build

Co-authored-by: Abhinav Khare <[email protected]>

Author: maze-runnar

app/templates/components/public/ticket-list.hbs

@@ -5,7 +5,7 @@
       <tr>
         <th>{{t 'Type'}}</th>
         <th class="four wide">{{t 'Sales Ends'}}</th>
-        <th class="ui three wide">{{t 'Price'}}</th>
+        <th class="ui three wide single line">{{t 'Ticket Price'}}</th>
         <th class="one wide">{{t 'Quantity'}}</th>
         <th class="ui right aligned two wide">{{t 'Subtotal'}}</th>
       </tr>

app/templates/public/index.hbs

@@ -11,7 +11,7 @@
         <div class="ui segment">
           <h3 class="ui header">{{t 'Tickets'}}</h3>
         </div>
-        <div class="ui segment">
+        <div class="ui segment x-scrollable">
           {{public/ticket-list eventCurrency=model.event.paymentCurrency
                                ticketUrl=model.event.ticketUrl
                                data=model.tickets