fix: ticketing system buttons alignment (#3614)

Author: snitin315

app/templates/components/forms/wizard/basic-details-step.hbs

@@ -189,14 +189,14 @@
           </h3>
         {{/if}}
       </div>
-      <button type="button" class="ui blue small button" {{action 'addTicket' 'free' data.event.tickets.length}}>
+      <button type="button" class="ui blue small button {{if device.isMobile 'field fluid'}}" {{action 'addTicket' 'free' data.event.tickets.length}}>
         <i class="large icons basic-details">
           <i class="smile icon"></i>
           <i class="inverted corner add icon"></i>
         </i>
         {{t 'Free Ticket'}}
       </button>
-      <button type="button" class="ui blue small button" {{action 'addTicket' 'paid' data.event.tickets.length}}>
+      <button type="button" class="ui blue small button {{if device.isMobile 'field fluid'}}" {{action 'addTicket' 'paid' data.event.tickets.length}}>
         <i class="large icons basic-details">
           <i class="dollar icon"></i>
           <i class="inverted corner add icon"></i>
@@ -210,7 +210,7 @@
         </div>
       {{/if}} --}}
 
-      <button type="button" class="ui blue small button" {{action 'addTicket' 'donation' data.event.tickets.length}}>
+      <button type="button" class="ui blue small button {{if device.isMobile 'field fluid'}}" {{action 'addTicket' 'donation' data.event.tickets.length}}>
         <i class="large icons basic-details">
           <i class="heart icon"></i>
           <i class="inverted corner add icon"></i>