From 51906bfd3610f102ed85d7d9fb72469a7c98824d Mon Sep 17 00:00:00 2001
From: Nitin Kumar <snitin315@gmail.com>
Date: Fri, 28 Feb 2020 11:53:52 +0530
Subject: [PATCH] fix: order buttons alignment on small screens

---
 app/templates/orders/view.hbs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/templates/orders/view.hbs b/app/templates/orders/view.hbs
index b29ef0ce693..d282ed3f31f 100644
--- a/app/templates/orders/view.hbs
+++ b/app/templates/orders/view.hbs
@@ -25,11 +25,11 @@
   </div>
   <div class="row">
     <div class="column right aligned">
-      <button class="ui labeled icon {{if isLoadingTickets 'loading'}} button" {{action downloadTickets model.event.name model.order.identifier}}>
+      <button class="ui labeled icon {{if isLoadingTickets 'loading'}} {{if device.isMobile 'fluid'}} button" {{action downloadTickets model.event.name model.order.identifier}}>
         <i class="ticket alternate icon"></i>
         {{t 'Download Tickets'}}
       </button>
-      <button {{action 'downloadInvoice' model.event.name model.order.identifier }} class="ui labeled icon blue {{if isLoadingInvoice 'loading'}} button">
+      <button {{action 'downloadInvoice' model.event.name model.order.identifier }} class="ui labeled icon blue {{if isLoadingInvoice 'loading'}} {{if device.isMobile 'fluid'}} button">
         <i class="download icon"></i>
         {{t 'Download Invoice'}}
       </button>