button-unstacked

Author: sachinchauhan2889

app/styles/partials/overrides.scss

@@ -83,7 +83,6 @@ body.dimmable.undetached.dimmed {
   margin-top: auto !important;
 }
 
-.display-flex {
-  display: flex;
+.space-between {
   justify-content: space-between;
 }

app/templates/orders/view.hbs

@@ -30,15 +30,12 @@
       <Orders::EventInfo
         @data={{this.model.order}} />
       <br/>
-      <div class="{{if (eq this.device.isMobile false) 'display-flex'}}">
+      <div class="d-flex space-between">
         <button class="ui labeled icon {{if this.isLoadingTickets 'loading'}} {{if this.device.isMobile 'fluid'}} button"
           {{action this.downloadTickets this.model.event.name this.model.order.identifier}}>
           <i class="ticket alternate icon"></i>
           {{t 'Download Tickets'}}
         </button>
-        {{#if this.device.isMobile}}
-          <br/>
-        {{/if}}
         <button {{action 'downloadInvoice' this.model.event.name this.model.order.identifier }}
           class="ui labeled icon blue {{if this.isLoadingInvoice 'loading'}} {{if this.device.isMobile 'fluid'}} button">
           <i class="download icon"></i>