From 91b61f8bed49685f8bdb73d67e8dd885a4c851df Mon Sep 17 00:00:00 2001
From: iamareebjamal <jamal.areeb@gmail.com>
Date: Sun, 26 Apr 2020 09:26:46 +0530
Subject: [PATCH 1/5] chore: Upgrade to Semantic UI 2.4.2

---
 app/styles/partials/icons.scss                  |  2 +-
 app/templates/components/public/ticket-list.hbs | 12 ++++++------
 package.json                                    |  2 +-
 yarn.lock                                       |  8 ++++----
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/app/styles/partials/icons.scss b/app/styles/partials/icons.scss
index 8ceb8631a21..86f4b7e192b 100644
--- a/app/styles/partials/icons.scss
+++ b/app/styles/partials/icons.scss
@@ -4,7 +4,7 @@
 
 .colored {
   &:not(.inverted) {
-    &.american.express {
+    &.cc.amex {
       color: #002663;
     }
 
diff --git a/app/templates/components/public/ticket-list.hbs b/app/templates/components/public/ticket-list.hbs
index 3c7aefbec36..6feb010dc65 100644
--- a/app/templates/components/public/ticket-list.hbs
+++ b/app/templates/components/public/ticket-list.hbs
@@ -170,13 +170,13 @@
   <div class="ui grid">
     <div class="ui row stackable grid">
       <div class="ui less padding thirteen wide computer twelve wide tablet column right aligned floated payment icons">
-        <i class="colored american express link icon"></i>
+        <i class="colored cc amex link icon"></i>
         <i class="colored credit card alternative link icon"></i>
-        <i class="colored diners club link icon"></i>
-        <i class="colored discover link icon"></i>
-        <i class="colored mastercard link icon"></i>
-        <i class="colored paypal card link icon"></i>
-        <i class="colored visa link icon"></i>
+        <i class="colored cc diners club link icon"></i>
+        <i class="colored cc discover link icon"></i>
+        <i class="colored cc mastercard link icon"></i>
+        <i class="colored cc paypal card link icon"></i>
+        <i class="colored cc visa link icon"></i>
       </div>
       <div class="ui less padding three wide computer four wide tablet column right aligned floated">
         <button id="total" class="ui primary small button less right margin" disabled={{this.shouldDisableOrderButton}} {{action this.placeOrder}}>
diff --git a/package.json b/package.json
index a017348803c..c6ea803c747 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "@ember/optional-features": "^1.3.0",
     "@glimmer/component": "^1.0.0",
     "@glimmer/tracking": "^1.0.0",
-    "@open-event/theme": "^0.0.6",
+    "@open-event/theme": "0.2.1",
     "@sentry/browser": "^5.15.5",
     "@sentry/integrations": "^5.15.5",
     "@sentry/node": "^5.15.5",
diff --git a/yarn.lock b/yarn.lock
index 61860d5723c..1295eb35c96 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1486,10 +1486,10 @@
     "@nodelib/fs.scandir" "2.1.3"
     fastq "^1.6.0"
 
-"@open-event/theme@^0.0.6":
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/@open-event/theme/-/theme-0.0.6.tgz#62e216c94e4d6bc472ac2657b4d68d1c14313118"
-  integrity sha512-6AOHJZHcuAIqxbDcWTaKf+/AHiW9F1OO7QaO0iP2OMR1+qSKFEkXNIb0UOONFROupLNFuAuP2M60TsgbkR5m8A==
+"@open-event/theme@0.2.1":
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/@open-event/theme/-/theme-0.2.1.tgz#bedc865dbd6310f241cd7033e25228d23d669360"
+  integrity sha512-ZNfoU3v1eIuILOg/IZ9dvU3XdrHsFjQoWQYnZtlymg41Y7o6tWBCdHv3crQjjLCsYSg6AW5Y/q2+ygj1ZvjE5w==
 
 "@sentry/apm@5.15.5":
   version "5.15.5"

From 7b606cf2f32a5410622bc06d598ddfd56a9d29d2 Mon Sep 17 00:00:00 2001
From: iamareebjamal <jamal.areeb@gmail.com>
Date: Fri, 1 May 2020 13:52:30 +0530
Subject: [PATCH 2/5] chore: Migrate map icon to FA5

---
 app/templates/components/public/session-item.hbs          | 4 ++--
 app/templates/components/widgets/forms/location-input.hbs | 2 +-
 app/templates/public.hbs                                  | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/templates/components/public/session-item.hbs b/app/templates/components/public/session-item.hbs
index d6e5db04347..56f5c288ad2 100644
--- a/app/templates/components/public/session-item.hbs
+++ b/app/templates/components/public/session-item.hbs
@@ -14,7 +14,7 @@
       {{#if this.hideImage}}
         <div class="left floated twelve wide column">
           {{#if this.session.startsAt}}
-            <div class=""><i class="marker icon"></i>{{this.session.microlocation.name}}</div>
+            <div class=""><i class="icon map marker alternate"></i>{{this.session.microlocation.name}}</div>
             <div class="small text"><i class="wait icon"></i>{{general-date this.session.startsAt}} - {{general-date this.session.endsAt}}</div>
           {{/if}}
         </div>
@@ -28,7 +28,7 @@
         </div>
         <div class="right floated five wide column">
           {{#if this.session.startsAt}}
-            <div class=""><i class="marker icon"></i>{{this.session.microlocation.name}}</div>
+            <div class=""><i class="icon map marker alternate"></i>{{this.session.microlocation.name}}</div>
             <div class="small text"><i class="wait icon"></i>{{moment-format this.session.startsAt 'hh:mm a / DD-MM-YYYY'}}</div>
           {{/if}}
         </div>
diff --git a/app/templates/components/widgets/forms/location-input.hbs b/app/templates/components/widgets/forms/location-input.hbs
index 0b34dab7311..4606394675b 100644
--- a/app/templates/components/widgets/forms/location-input.hbs
+++ b/app/templates/components/widgets/forms/location-input.hbs
@@ -73,7 +73,7 @@
       @type="text"
       @placeholder={{this.placeholder}} />
     <button class="ui left {{unless this.device.isMobile 'labeled'}} icon button" type="button" {{action 'showAddressView'}}>
-      <i class="marker icon"></i>
+      <i class="icon map marker alternate"></i>
       {{unless this.device.isMobile (t 'Enter address')}}
     </button>
   </div>
diff --git a/app/templates/public.hbs b/app/templates/public.hbs
index 455ce0d98b2..be9f98ce77c 100644
--- a/app/templates/public.hbs
+++ b/app/templates/public.hbs
@@ -16,7 +16,7 @@
               <h5 class="event time ends">{{t 'To'}} {{header-date this.model.endsAt this.model.timezone}}</h5>
             {{/if}}
             <h1 class="event name">{{this.model.name}}</h1>
-            <h4 class="event location"><i class="marker icon"></i>{{this.model.locationName}}</h4>
+            <h4 class="event location"><i class="icon map marker alternate"></i>{{this.model.locationName}}</h4>
           </div>
         </div>
       </div>

From c71dbc39be094517260c0c73b97b85b0b682e0ef Mon Sep 17 00:00:00 2001
From: iamareebjamal <jamal.areeb@gmail.com>
Date: Fri, 1 May 2020 13:53:24 +0530
Subject: [PATCH 3/5] chore: Change ambiguous and conflicing CSS class

---
 app/styles/partials/overrides.scss                   |  6 +++---
 app/templates/admin/permissions/system-roles.hbs     |  2 +-
 app/templates/components/errors/forbidden-error.hbs  |  2 +-
 app/templates/components/errors/generic-error.hbs    |  2 +-
 app/templates/components/errors/not-found.hbs        |  2 +-
 app/templates/components/errors/server-error.hbs     |  2 +-
 .../events/view/export/download-common.hbs           |  2 +-
 .../components/events/view/export/download-zip.hbs   |  2 +-
 .../events/view/overview/event-setup-checklist.hbs   | 12 ++++++------
 app/templates/components/footer-main.hbs             |  2 +-
 app/templates/components/forms/login-form.hbs        |  2 +-
 app/templates/components/forms/register-form.hbs     |  2 +-
 .../components/forms/reset-password-form.hbs         |  2 +-
 app/templates/components/notification-dropdown.hbs   |  2 +-
 app/templates/components/public/speaker-item.hbs     |  4 ++--
 app/templates/components/public/ticket-list.hbs      |  6 +++---
 app/templates/components/tables/default.hbs          |  2 +-
 .../components/tables/utilities/pagination.hbs       |  2 +-
 .../components/ui-table/simple-pagination.hbs        |  2 +-
 .../components/widgets/forms/file-upload.hbs         |  2 +-
 20 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/app/styles/partials/overrides.scss b/app/styles/partials/overrides.scss
index 4fdc25a30d3..65ef4d81129 100644
--- a/app/styles/partials/overrides.scss
+++ b/app/styles/partials/overrides.scss
@@ -42,15 +42,15 @@ body.dimmable.undetached.dimmed {
 }
 
 .ui {
-  &[class*='less margin'] {
+  &[class*='no margin'] {
     margin: 0 !important;
   }
 
-  &[class*='less padding'] {
+  &[class*='no padding'] {
     padding: 0 !important;
   }
 
-  &.less {
+  &.no {
     &[class*='right margin'] {
       margin-right: 0 !important;
     }
diff --git a/app/templates/admin/permissions/system-roles.hbs b/app/templates/admin/permissions/system-roles.hbs
index 85523d4e241..387759ef792 100644
--- a/app/templates/admin/permissions/system-roles.hbs
+++ b/app/templates/admin/permissions/system-roles.hbs
@@ -1,4 +1,4 @@
-<div class="ui basic segment less padding">
+<div class="ui basic segment no padding">
   <div class="ui {{if this.isLoading 'active'}} inverted dimmer">
     <div class="ui loader"></div>
   </div>
diff --git a/app/templates/components/errors/forbidden-error.hbs b/app/templates/components/errors/forbidden-error.hbs
index 0e5a37368d3..45a8e65e73c 100644
--- a/app/templates/components/errors/forbidden-error.hbs
+++ b/app/templates/components/errors/forbidden-error.hbs
@@ -1,5 +1,5 @@
 <br>
-<h1 class="text muted weight-300 less bottom margin">403 {{t 'Forbidden'}}</h1>
+<h1 class="text muted weight-300 no bottom margin">403 {{t 'Forbidden'}}</h1>
 <h1 class="weight-300 description">
   {{t 'Oops, you don\'t have the permission'}}<br>
   {{t 'to access this page'}}
diff --git a/app/templates/components/errors/generic-error.hbs b/app/templates/components/errors/generic-error.hbs
index 80629f74c8e..c035733f287 100644
--- a/app/templates/components/errors/generic-error.hbs
+++ b/app/templates/components/errors/generic-error.hbs
@@ -1,5 +1,5 @@
 <br>
-<h1 class="text muted weight-300 less bottom margin">{{t 'An unexpected error has occurred.'}}</h1>
+<h1 class="text muted weight-300 no bottom margin">{{t 'An unexpected error has occurred.'}}</h1>
 <h1 class="weight-300 description">{{t 'Oops, the page you were trying'}}<br> {{t 'to access'}}<br> {{t 'has caused an error. '}}.</h1>
 <h3 class="weight-300">
   {{t 'This, may or may not be a server issue. We are looking into it. You may want to head back to the home page.'}}<br>
diff --git a/app/templates/components/errors/not-found.hbs b/app/templates/components/errors/not-found.hbs
index ad70f668179..f98bcfb4c82 100644
--- a/app/templates/components/errors/not-found.hbs
+++ b/app/templates/components/errors/not-found.hbs
@@ -1,5 +1,5 @@
 <br>
-<h1 class="text muted weight-300 less bottom margin">404 {{t 'Not Found'}}</h1>
+<h1 class="text muted weight-300 no bottom margin">404 {{t 'Not Found'}}</h1>
 <h1 class="weight-300 description">{{t 'Oops, the page you are'}}<br> {{t 'looking for does not'}}<br> {{t 'exist'}}.</h1>
 <h3 class="weight-300">
   {{t 'You may want to head back to the home page.'}}<br>
diff --git a/app/templates/components/errors/server-error.hbs b/app/templates/components/errors/server-error.hbs
index 1ab78fae0a6..0fa8ccf4b17 100644
--- a/app/templates/components/errors/server-error.hbs
+++ b/app/templates/components/errors/server-error.hbs
@@ -1,5 +1,5 @@
 <br>
-<h1 class="text muted weight-300 less bottom margin">500 {{t 'Internal Server Error'}}</h1>
+<h1 class="text muted weight-300 no bottom margin">500 {{t 'Internal Server Error'}}</h1>
 <h1 class="weight-300 description">
   {{t 'Oops, the page you are'}}<br>
   {{t 'looking for caused an error'}}<br>
diff --git a/app/templates/components/events/view/export/download-common.hbs b/app/templates/components/events/view/export/download-common.hbs
index f833b918624..4d7fc5d5988 100644
--- a/app/templates/components/events/view/export/download-common.hbs
+++ b/app/templates/components/events/view/export/download-common.hbs
@@ -11,7 +11,7 @@
   <pre>{{this.displayUrl}}</pre>
 </div>
 <a class="ui link" href="#" onclick={{action 'startExportTask'}}> {{t 'Alternatively, you can download the'}} {{this.downloadType}} {{t ' here'}}</a>
-<div class="ui basic segment less left padding">
+<div class="ui basic segment no left padding">
   <a href="{{this.eventDownloadUrl}}" class="ui blue button {{if this.isDownloadDisabled 'disabled' ''}} {{if this.isLoading 'loading'}}">
     {{t 'Download '}}{{this.downloadType}}
   </a>
diff --git a/app/templates/components/events/view/export/download-zip.hbs b/app/templates/components/events/view/export/download-zip.hbs
index 810dbd9274a..1a4402a1ad5 100644
--- a/app/templates/components/events/view/export/download-zip.hbs
+++ b/app/templates/components/events/view/export/download-zip.hbs
@@ -21,7 +21,7 @@
   <div class="field">
     <UiCheckbox @class="toggle" @label={{t "Document"}} @checked={{this.data.document}} @onChange={{action (mut this.data.document)}} />
   </div>
-  <div class="ui basic segment less left padding">
+  <div class="ui basic segment no left padding">
     <button class="ui blue button" {{action this.startGeneration}}>
       {{t 'Start'}}
     </button>
diff --git a/app/templates/components/events/view/overview/event-setup-checklist.hbs b/app/templates/components/events/view/overview/event-setup-checklist.hbs
index 7e30924c543..2013bbb9998 100644
--- a/app/templates/components/events/view/overview/event-setup-checklist.hbs
+++ b/app/templates/components/events/view/overview/event-setup-checklist.hbs
@@ -3,7 +3,7 @@
 </div>
 <div class= "content">
   <div class="ui fluid segments">
-    <a href="{{href-to 'events.view.edit.basic-details'}}" class="ui segment {{unless this.data.event.name 'secondary'}} grid less margin">
+    <a href="{{href-to 'events.view.edit.basic-details'}}" class="ui segment {{unless this.data.event.name 'secondary'}} grid no margin">
       <div class="ui row">
         <div class="column one wide">
           <i class="{{if this.data.event.name 'checkmark green' 'warning black'}} big icon"></i>
@@ -18,7 +18,7 @@
         </div>
       </div>
     </a>
-    <a href="{{href-to 'events.view.edit.attendee'}}" class="ui segment {{unless this.data.event.isTicketFormEnabled 'secondary'}} grid less margin">
+    <a href="{{href-to 'events.view.edit.attendee'}}" class="ui segment {{unless this.data.event.isTicketFormEnabled 'secondary'}} grid no margin">
       <div class="ui row">
         <div class="column one wide">
           <i class="{{if this.data.event.isTicketFormEnabled 'checkmark green' 'warning black'}} big icon"></i>
@@ -33,7 +33,7 @@
         </div>
       </div>
     </a>
-    <a href="{{href-to 'events.view.edit.sponsors'}}" class="ui {{unless this.data.event.isSponsorsEnabled 'secondary'}} segment grid less margin">
+    <a href="{{href-to 'events.view.edit.sponsors'}}" class="ui {{unless this.data.event.isSponsorsEnabled 'secondary'}} segment grid no margin">
       <div class="ui row">
         <div class="column one wide">
           <i class="{{if this.data.event.isSponsorsEnabled 'checkmark green' 'warning black'}} big icon"></i>
@@ -48,7 +48,7 @@
         </div>
       </div>
     </a>
-    <a href="{{href-to 'events.view.edit.sessions-speakers'}}" class="ui {{unless this.data.event.isSessionsSpeakersEnabled 'secondary'}} segment grid less margin">
+    <a href="{{href-to 'events.view.edit.sessions-speakers'}}" class="ui {{unless this.data.event.isSessionsSpeakersEnabled 'secondary'}} segment grid no margin">
       <div class="ui row">
         <div class="column one wide">
           <i class="{{if this.data.event.isSessionsSpeakersEnabled 'checkmark green' 'warning black'}} big icon"></i>
@@ -63,7 +63,7 @@
         </div>
       </div>
     </a>
-    <a href="{{href-to 'events.view.edit.sessions-speakers'}}" class="ui {{unless this.data.event.speakersCall.announcement 'secondary'}} segment grid less margin">
+    <a href="{{href-to 'events.view.edit.sessions-speakers'}}" class="ui {{unless this.data.event.speakersCall.announcement 'secondary'}} segment grid no margin">
       <div class="ui row">
         <div class="column one wide">
           <i class="{{if this.data.event.speakersCall.announcement 'checkmark green' 'warning black'}} big icon"></i>
@@ -78,7 +78,7 @@
         </div>
       </div>
     </a>
-    <a href="{{href-to 'events.view.edit.sessions-speakers'}}" class="ui {{unless this.data.event.isSessionsSpeakersEnabled 'secondary'}} segment grid less margin">
+    <a href="{{href-to 'events.view.edit.sessions-speakers'}}" class="ui {{unless this.data.event.isSessionsSpeakersEnabled 'secondary'}} segment grid no margin">
       <div class="ui row">
         <div class="column one wide">
           <i class="{{if this.data.event.isSessionsSpeakersEnabled 'checkmark green' 'warning black'}} big icon"></i>
diff --git a/app/templates/components/footer-main.hbs b/app/templates/components/footer-main.hbs
index d6f7bd2cbd3..d535c1b92fb 100644
--- a/app/templates/components/footer-main.hbs
+++ b/app/templates/components/footer-main.hbs
@@ -72,7 +72,7 @@
   <div class="ui inverted section divider"></div>
   <div class="ui stackable grid">
     <div class="thirteen wide computer twelve wide tablet column left aligned">
-      <div class="ui horizontal inverted small divided link list less top margin">
+      <div class="ui horizontal inverted small divided link list no top margin">
         <span class="item">{{t 'Copyright'}} &copy; {{moment-format (now) 'YYYY'}}  {{this.settings.appName}} </span>
         {{#each this.footerPages as |page|}}
           <LinkTo @route="pages" @model={{page.url}} class="item">
diff --git a/app/templates/components/forms/login-form.hbs b/app/templates/components/forms/login-form.hbs
index 81c013a6443..f1155031dfb 100644
--- a/app/templates/components/forms/login-form.hbs
+++ b/app/templates/components/forms/login-form.hbs
@@ -1,7 +1,7 @@
 <div class="ui stackable {{unless this.noSocial 'three' 'one'}} column doubling centered grid">
   <div class="column">
     <form class="ui large form" autocomplete="off" {{action 'submit' on='submit'}}>
-      <div class="ui aligned segment basic less margin less padding">
+      <div class="ui aligned segment basic no margin no padding">
         <h3 class="weight-400">{{t 'Login'}}</h3>
       </div>
       <div class="ui segments">
diff --git a/app/templates/components/forms/register-form.hbs b/app/templates/components/forms/register-form.hbs
index 101407c9229..7d1f40f328a 100644
--- a/app/templates/components/forms/register-form.hbs
+++ b/app/templates/components/forms/register-form.hbs
@@ -1,5 +1,5 @@
 <form class="ui large form" autocomplete="off" {{action 'submit' on='submit'}} novalidate>
-  <div class="ui aligned segment basic less margin less padding">
+  <div class="ui aligned segment basic no margin no padding">
     <h3 class="weight-400">{{t 'Register'}}</h3>
   </div>
   <div class="ui segments">
diff --git a/app/templates/components/forms/reset-password-form.hbs b/app/templates/components/forms/reset-password-form.hbs
index a7a92c65ec2..d765b897b91 100644
--- a/app/templates/components/forms/reset-password-form.hbs
+++ b/app/templates/components/forms/reset-password-form.hbs
@@ -1,7 +1,7 @@
 <div class="ui stackable three column doubling centered grid">
   <div class="column">
     <form class="ui large form" autocomplete="off" {{action 'submit' on='submit'}}>
-      <div class="ui aligned segment basic less margin less padding">
+      <div class="ui aligned segment basic no margin no padding">
         <h3 class="weight-400">{{t 'Forgot Password'}}</h3>
       </div>
       <div class="ui segments">
diff --git a/app/templates/components/notification-dropdown.hbs b/app/templates/components/notification-dropdown.hbs
index f17c14ca48f..6e72683fddc 100644
--- a/app/templates/components/notification-dropdown.hbs
+++ b/app/templates/components/notification-dropdown.hbs
@@ -1,4 +1,4 @@
-<i class="mail outline icon {{unless this.unreadNotifications.length 'ui less right margin'}}"></i>
+<i class="mail outline icon {{unless this.unreadNotifications.length 'ui no right margin'}}"></i>
 {{#if this.unreadNotifications.length}}
   <div class="floating ui teal circular mini label {{if this.device.isMobile 'tiny text'}}">{{this.unreadNotifications.length}}</div>
 {{/if}}
diff --git a/app/templates/components/public/speaker-item.hbs b/app/templates/components/public/speaker-item.hbs
index 23449bad78e..04481efe1f2 100644
--- a/app/templates/components/public/speaker-item.hbs
+++ b/app/templates/components/public/speaker-item.hbs
@@ -4,10 +4,10 @@
       <div class="thumbnail-square">
         <img alt="speaker" class="ui rounded image" src="{{if this.speaker.thumbnailImageUrl this.speaker.thumbnailImageUrl (if this.speaker.photoUrl this.speaker.photoUrl '/images/placeholders/avatar.png')}}">
       </div>
-      <h3 class="ui centered header less margin">
+      <h3 class="ui centered header no margin">
         {{this.speaker.name}}
       </h3>
-      <p class="ui small centered disabled header less padding">
+      <p class="ui small centered disabled header no padding">
         {{this.speaker.position}} {{this.speaker.organisation}}
       </p>
     </div>
diff --git a/app/templates/components/public/ticket-list.hbs b/app/templates/components/public/ticket-list.hbs
index 6feb010dc65..cc3083968e3 100644
--- a/app/templates/components/public/ticket-list.hbs
+++ b/app/templates/components/public/ticket-list.hbs
@@ -169,7 +169,7 @@
   </div>
   <div class="ui grid">
     <div class="ui row stackable grid">
-      <div class="ui less padding thirteen wide computer twelve wide tablet column right aligned floated payment icons">
+      <div class="ui no padding thirteen wide computer twelve wide tablet column right aligned floated payment icons">
         <i class="colored cc amex link icon"></i>
         <i class="colored credit card alternative link icon"></i>
         <i class="colored cc diners club link icon"></i>
@@ -178,8 +178,8 @@
         <i class="colored cc paypal card link icon"></i>
         <i class="colored cc visa link icon"></i>
       </div>
-      <div class="ui less padding three wide computer four wide tablet column right aligned floated">
-        <button id="total" class="ui primary small button less right margin" disabled={{this.shouldDisableOrderButton}} {{action this.placeOrder}}>
+      <div class="ui no padding three wide computer four wide tablet column right aligned floated">
+        <button id="total" class="ui primary small button no right margin" disabled={{this.shouldDisableOrderButton}} {{action this.placeOrder}}>
           {{t 'Order Now'}}
         </button>
       </div>
diff --git a/app/templates/components/tables/default.hbs b/app/templates/components/tables/default.hbs
index 1e13b34e21d..0cbdc4535b4 100644
--- a/app/templates/components/tables/default.hbs
+++ b/app/templates/components/tables/default.hbs
@@ -1,5 +1,5 @@
 <div class="ui grid">
-  <div class="ui less bottom padding row">
+  <div class="ui no bottom padding row">
     <div class="left aligned eight wide column">
       <Tables::Utilities::PageSizeInput
         @pageSize={{this.pageSize}} />
diff --git a/app/templates/components/tables/utilities/pagination.hbs b/app/templates/components/tables/utilities/pagination.hbs
index 13a4deaf2e1..21b4e11ddcf 100644
--- a/app/templates/components/tables/utilities/pagination.hbs
+++ b/app/templates/components/tables/utilities/pagination.hbs
@@ -12,6 +12,6 @@
     <i class="angle double right icon"></i>
   </a>
 </div>
-<div class="ui right floated less padding basic segment">
+<div class="ui right floated no padding basic segment">
   {{t 'Showing'}} {{this.currentRange}} {{t 'of'}}  {{this.totalContentLength}} {{t 'entries'}}
 </div>
\ No newline at end of file
diff --git a/app/templates/components/ui-table/simple-pagination.hbs b/app/templates/components/ui-table/simple-pagination.hbs
index 7a6c6e6ff82..129ef8d5db6 100644
--- a/app/templates/components/ui-table/simple-pagination.hbs
+++ b/app/templates/components/ui-table/simple-pagination.hbs
@@ -3,7 +3,7 @@
     {{t 'Showing'}} {{this.firstIndex}} - {{this.lastIndex}} {{t 'of' }} {{this.arrangedContentLength}} {{t 'entries'}}
   </h4>
 </div>
-<div class="ui right aligned basic right floated less margin segment">
+<div class="ui right aligned basic right floated no margin segment">
   <div class="right floated" role="toolbar">
     <div class="ui  pagination menu" role="group">
       <a href="#" {{action 'gotoFirst'}} class="{{if this.gotoBackwardEnabled '' 'disabled' }} item">
diff --git a/app/templates/components/widgets/forms/file-upload.hbs b/app/templates/components/widgets/forms/file-upload.hbs
index 554b65f5010..4f818f99da1 100644
--- a/app/templates/components/widgets/forms/file-upload.hbs
+++ b/app/templates/components/widgets/forms/file-upload.hbs
@@ -1,4 +1,4 @@
-<div class="ui {{if this.uploadingFile 'loading'}} basic segment less padding">
+<div class="ui {{if this.uploadingFile 'loading'}} basic segment no padding">
   {{#if this.fileUrl}}
     <div class="ui action input">
       <Input @type="url" @readonly="" @value={{this.fileUrl}} />

From 06f4cfaadcb0e516518b17662f5c5326dbdb5424 Mon Sep 17 00:00:00 2001
From: iamareebjamal <jamal.areeb@gmail.com>
Date: Fri, 1 May 2020 15:09:44 +0530
Subject: [PATCH 4/5] chore: Update trash icon to non-outline

Removed from FA5
---
 app/templates/admin/content/events.hbs                      | 6 +++---
 app/templates/admin/permissions/system-roles.hbs            | 2 +-
 .../components/events/view/overview/manage-roles.hbs        | 4 ++--
 .../components/forms/admin/settings/ticket-fees-form.hbs    | 2 +-
 .../components/ui-table/cell/admin/users/cell-actions.hbs   | 2 +-
 .../ui-table/cell/admin/users/cell-first-name.hbs           | 2 +-
 app/templates/components/ui-table/cell/cell-buttons.hbs     | 2 +-
 app/templates/components/ui-table/cell/cell-event.hbs       | 2 +-
 .../components/ui-table/cell/cell-simple-buttons.hbs        | 2 +-
 .../components/ui-table/cell/cell-sponsor-options.hbs       | 2 +-
 .../cell/events/view/sessions/cell-session-title.hbs        | 2 +-
 .../ui-table/cell/events/view/speakers/cell-buttons.hbs     | 2 +-
 12 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/app/templates/admin/content/events.hbs b/app/templates/admin/content/events.hbs
index 3c3347fa163..4a0ad96ccaf 100644
--- a/app/templates/admin/content/events.hbs
+++ b/app/templates/admin/content/events.hbs
@@ -36,7 +36,7 @@
                           @content={{t "Delete"}}
                           @class="ui icon button"
                           @click={{action (confirm (t "Are you sure you would like to delete this event type?") (action "deleteEventProperty" eventType))}}>
-                          <i class="trash outline icon"></i>
+                          <i class="trash icon"></i>
                         </UiPopup>
                       </div>
                     </div>
@@ -84,7 +84,7 @@
                           @content={{t "Delete"}}
                           @class="ui icon button"
                           @click={{action (confirm (t "Are you sure you would like to delete this event topic?") (action "deleteEventProperty" eventTopic))}}>
-                          <i class="trash outline icon"></i>
+                          <i class="trash icon"></i>
                         </UiPopup>
                       </div>
                     </div>
@@ -147,7 +147,7 @@
                             @content={{t "Delete"}}
                             @class="ui icon button"
                             @click={{action (confirm (t "Are you sure you would like to delete this event sub topic?") (action "deleteEventProperty" subTopic))}}>
-                            <i class="trash outline icon"></i>
+                            <i class="trash icon"></i>
                           </UiPopup>
                         </div>
                       </div>
diff --git a/app/templates/admin/permissions/system-roles.hbs b/app/templates/admin/permissions/system-roles.hbs
index 387759ef792..0deac1e8738 100644
--- a/app/templates/admin/permissions/system-roles.hbs
+++ b/app/templates/admin/permissions/system-roles.hbs
@@ -56,7 +56,7 @@
                 <i class="edit icon"></i>
               </UiPopup>
               <UiPopup @content={{t "Delete"}} @class="ui icon button" @click={{action (confirm (t "Are you sure you would like to delete this role?") (action "deleteSystemRole" role))}}>
-                <i class="trash outline icon"></i>
+                <i class="trash icon"></i>
               </UiPopup>
             </div>
           </td>
diff --git a/app/templates/components/events/view/overview/manage-roles.hbs b/app/templates/components/events/view/overview/manage-roles.hbs
index c72f779bbe4..9be55d4ac06 100644
--- a/app/templates/components/events/view/overview/manage-roles.hbs
+++ b/app/templates/components/events/view/overview/manage-roles.hbs
@@ -33,14 +33,14 @@
                   @content={{t "Delete"}}
                   @class="ui icon button"
                   @click={{action (confirm (t "Are you sure you would like to delete this role?") (action "deleteUserRole" roleInvite))}}>
-                  <i class="trash outline icon"></i>
+                  <i class="trash icon"></i>
                 </UiPopup>
               {{else}}
                 <UiPopup
                   @content={{t "Delete"}}
                   @class="ui icon button"
                   @click={{action (confirm (t "Are you sure you would like to cancel this invite?") (action "deleteUserRole" roleInvite))}}>
-                  <i class="trash outline icon"></i>
+                  <i class="trash icon"></i>
                 </UiPopup>
               {{/if}}
             </div>
diff --git a/app/templates/components/forms/admin/settings/ticket-fees-form.hbs b/app/templates/components/forms/admin/settings/ticket-fees-form.hbs
index a202d37b756..0c0afa77d7a 100644
--- a/app/templates/components/forms/admin/settings/ticket-fees-form.hbs
+++ b/app/templates/components/forms/admin/settings/ticket-fees-form.hbs
@@ -97,7 +97,7 @@
           @content={{t "Delete"}}
           @class="ui icon button"
           @click={{action (confirm (t "Are you sure you would like to remove this event fee?") (action "deleteTicket" ticketFee))}}>
-          <i class="trash outline icon"></i>
+          <i class="trash icon"></i>
         </UiPopup>
       </div>
 
diff --git a/app/templates/components/ui-table/cell/admin/users/cell-actions.hbs b/app/templates/components/ui-table/cell/admin/users/cell-actions.hbs
index 6cd70d99ade..7f68c69dd78 100644
--- a/app/templates/components/ui-table/cell/admin/users/cell-actions.hbs
+++ b/app/templates/components/ui-table/cell/admin/users/cell-actions.hbs
@@ -14,7 +14,7 @@
       </UiPopup>
     {{else}}  
       <UiPopup @content={{t "Delete"}} @click={{action (confirm (t "Are you sure you would like to delete this user?") (action this.deleteUser this.record))}} @class="ui icon button">
-        <i class="trash outline icon"></i>
+        <i class="trash icon"></i>
       </UiPopup>
     {{/if}}
   {{/unless}}
diff --git a/app/templates/components/ui-table/cell/admin/users/cell-first-name.hbs b/app/templates/components/ui-table/cell/admin/users/cell-first-name.hbs
index 16bd4be00b0..441e9b6153c 100644
--- a/app/templates/components/ui-table/cell/admin/users/cell-first-name.hbs
+++ b/app/templates/components/ui-table/cell/admin/users/cell-first-name.hbs
@@ -16,7 +16,7 @@
       </UiPopup>
     {{else}}
       <UiPopup @content={{t "Delete"}} @click={{action (confirm (t "Are you sure you would like to delete this user?") (action this.props.actions.deleteUser this.extraRecords.id))}} @class="ui icon button">
-        <i class="trash outline icon"></i>
+        <i class="trash icon"></i>
       </UiPopup>
     {{/if}}
   {{/unless}}
diff --git a/app/templates/components/ui-table/cell/cell-buttons.hbs b/app/templates/components/ui-table/cell/cell-buttons.hbs
index 0f1c53ef480..5e69cd65881 100644
--- a/app/templates/components/ui-table/cell/cell-buttons.hbs
+++ b/app/templates/components/ui-table/cell/cell-buttons.hbs
@@ -11,7 +11,7 @@
     </UiPopup>
   {{else}}
     <UiPopup @content={{t "Delete"}} @click={{action this.openDeleteEventModal this.record.identifier this.record.name}} @class="ui icon button" @position="left center">
-      <i class="trash outline icon"></i>
+      <i class="trash icon"></i>
     </UiPopup>
   {{/if}}
 </div>
diff --git a/app/templates/components/ui-table/cell/cell-event.hbs b/app/templates/components/ui-table/cell/cell-event.hbs
index 9115fe9f3df..178601ce033 100644
--- a/app/templates/components/ui-table/cell/cell-event.hbs
+++ b/app/templates/components/ui-table/cell/cell-event.hbs
@@ -15,7 +15,7 @@
     </UiPopup>
   {{else}}
     <UiPopup @content={{t "Delete"}} @click={{action this.props.actions.openDeleteEventModal this.extraRecords.identifier this.record}} @class="ui icon button" @position="left center">
-      <i class="trash outline icon"></i>
+      <i class="trash icon"></i>
     </UiPopup>
   {{/if}}
 </div>
\ No newline at end of file
diff --git a/app/templates/components/ui-table/cell/cell-simple-buttons.hbs b/app/templates/components/ui-table/cell/cell-simple-buttons.hbs
index 261c3acb594..6c2348047a9 100644
--- a/app/templates/components/ui-table/cell/cell-simple-buttons.hbs
+++ b/app/templates/components/ui-table/cell/cell-simple-buttons.hbs
@@ -6,6 +6,6 @@
     <i class="edit icon"></i>
   </UiPopup>
   <UiPopup @content={{t "Delete Session"}} @click={{action (confirm (t "Are you sure you would like to delete this Session?") (action this.props.actions.deleteSession this.record))}} @class="ui icon button" @position="left center">
-    <i class="trash outline icon"></i>
+    <i class="trash icon"></i>
   </UiPopup>
 </div>
diff --git a/app/templates/components/ui-table/cell/cell-sponsor-options.hbs b/app/templates/components/ui-table/cell/cell-sponsor-options.hbs
index 3654b091bb7..5ddc31183bc 100644
--- a/app/templates/components/ui-table/cell/cell-sponsor-options.hbs
+++ b/app/templates/components/ui-table/cell/cell-sponsor-options.hbs
@@ -3,6 +3,6 @@
     <i class="edit icon"></i>
   </UiPopup>
   <UiPopup @content={{t "Delete"}} @click={{action (confirm (t "Are you sure you would like to delete this Sponsor?") (action this.props.actions.deleteSponsor this.record))}} @class="ui icon button" @position="left center">
-    <i class="trash outline icon"></i>
+    <i class="trash icon"></i>
   </UiPopup>
 </div>
diff --git a/app/templates/components/ui-table/cell/events/view/sessions/cell-session-title.hbs b/app/templates/components/ui-table/cell/events/view/sessions/cell-session-title.hbs
index e2442d754f4..cac4ba78a69 100644
--- a/app/templates/components/ui-table/cell/events/view/sessions/cell-session-title.hbs
+++ b/app/templates/components/ui-table/cell/events/view/sessions/cell-session-title.hbs
@@ -10,6 +10,6 @@
     </UiPopup>
   {{/if}}
   <UiPopup @content={{t "Delete Session"}} @click={{action (confirm (t "Are you sure you would like to delete this Session?") (action this.props.actions.deleteSession this.extraRecords.id))}} @class="{{if this.device.isMobile 'medium' 'huge'}} ui icon button" @position="left center">
-    <i class="trash outline icon"></i>
+    <i class="trash icon"></i>
   </UiPopup>
 </div>
diff --git a/app/templates/components/ui-table/cell/events/view/speakers/cell-buttons.hbs b/app/templates/components/ui-table/cell/events/view/speakers/cell-buttons.hbs
index ac91524b3bc..98417833c58 100644
--- a/app/templates/components/ui-table/cell/events/view/speakers/cell-buttons.hbs
+++ b/app/templates/components/ui-table/cell/events/view/speakers/cell-buttons.hbs
@@ -6,6 +6,6 @@
     <i class="edit icon"></i>
   </UiPopup>
   <UiPopup @content={{t "Delete"}} @click={{action (confirm (t "Are you sure you would like to delete this Speaker?") (action this.props.actions.deleteSpeaker this.record))}} @class="ui icon button" @position="left center">
-    <i class="trash outline icon"></i>
+    <i class="trash icon"></i>
   </UiPopup>
 </div>

From 538688637bddb573dc0080b66e04d9ca9e3347f2 Mon Sep 17 00:00:00 2001
From: iamareebjamal <jamal.areeb@gmail.com>
Date: Fri, 1 May 2020 15:30:15 +0530
Subject: [PATCH 5/5] chore: Remove large icon sizes from cells

---
 .../cell/events/view/sessions/cell-session-title.hbs      | 6 +++---
 .../cell/events/view/tickets/orders/cell-order.hbs        | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/templates/components/ui-table/cell/events/view/sessions/cell-session-title.hbs b/app/templates/components/ui-table/cell/events/view/sessions/cell-session-title.hbs
index cac4ba78a69..e1793f41dca 100644
--- a/app/templates/components/ui-table/cell/events/view/sessions/cell-session-title.hbs
+++ b/app/templates/components/ui-table/cell/events/view/sessions/cell-session-title.hbs
@@ -1,15 +1,15 @@
 {{this.record}}
 <div class="hidden ui divider"></div>
 <div class="ui horizontal compact basic buttons">
-  <UiPopup @content={{t "View Session"}} @class="{{if this.device.isMobile 'medium' 'huge'}} ui icon button" @click={{action this.props.actions.viewSession this.extraRecords.id}} @position="left center">
+  <UiPopup @content={{t "View Session"}} @class="ui icon button" @click={{action this.props.actions.viewSession this.extraRecords.id}} @position="left center">
     <i class="unhide icon"></i>		
   </UiPopup>
   {{#if (not this.extraRecords.isLocked)}}
-    <UiPopup @content={{t "Edit Session"}} @class="{{if this.device.isMobile 'medium' 'huge'}} ui icon button" @click={{action this.props.actions.editSession this.extraRecords.id this.extraRecords.event.id}} @position="left center">
+    <UiPopup @content={{t "Edit Session"}} @class="ui icon button" @click={{action this.props.actions.editSession this.extraRecords.id this.extraRecords.event.id}} @position="left center">
       <i class="edit icon"></i>
     </UiPopup>
   {{/if}}
-  <UiPopup @content={{t "Delete Session"}} @click={{action (confirm (t "Are you sure you would like to delete this Session?") (action this.props.actions.deleteSession this.extraRecords.id))}} @class="{{if this.device.isMobile 'medium' 'huge'}} ui icon button" @position="left center">
+  <UiPopup @content={{t "Delete Session"}} @click={{action (confirm (t "Are you sure you would like to delete this Session?") (action this.props.actions.deleteSession this.extraRecords.id))}} @class="ui icon button" @position="left center">
     <i class="trash icon"></i>
   </UiPopup>
 </div>
diff --git a/app/templates/components/ui-table/cell/events/view/tickets/orders/cell-order.hbs b/app/templates/components/ui-table/cell/events/view/tickets/orders/cell-order.hbs
index 17bb930ea4d..d31c4ffb01c 100644
--- a/app/templates/components/ui-table/cell/events/view/tickets/orders/cell-order.hbs
+++ b/app/templates/components/ui-table/cell/events/view/tickets/orders/cell-order.hbs
@@ -25,21 +25,21 @@
 </div>
 <div class="ui horizontal compact basic buttons">
   {{#if (and (eq this.extraRecords.status 'placed') (can-modify-order this.record))}}
-    <UiPopup @content={{t "Mark Completed"}} @click={{action (confirm (t "Are you sure you would like to mark this Order as completed?") (action this.props.actions.completeOrder this.record))}} @class="{{if this.device.isMobile 'medium' 'huge'}} ui icon button" @position="top center">
+    <UiPopup @content={{t "Mark Completed"}} @click={{action (confirm (t "Are you sure you would like to mark this Order as completed?") (action this.props.actions.completeOrder this.record))}} @class="ui icon button" @position="top center">
       <i class="check icon"></i>
     </UiPopup>
   {{/if}}
   {{#if (and (not-eq this.extraRecords.status 'cancelled') (not-eq this.extraRecords.status 'expired') (can-modify-order this.record))}}
-    <UiPopup @content={{t "Cancel order"}} @click={{action (confirm (t "Are you sure you would like to cancel this Order?") (action this.props.actions.cancelOrder this.record))}} @class="{{if this.device.isMobile 'medium' 'huge'}} ui icon button" @position="top center">
+    <UiPopup @content={{t "Cancel order"}} @click={{action (confirm (t "Are you sure you would like to cancel this Order?") (action this.props.actions.cancelOrder this.record))}} @class="ui icon button" @position="top center">
       <i class="delete icon"></i>
     </UiPopup>
   {{/if}}
   {{#if (can-modify-order this.record)}}
-    <UiPopup @content={{t "Delete order"}} @click={{action (confirm (t "Are you sure you would like to delete this Order?") (action this.props.actions.deleteOrder this.record))}} @class="{{if this.device.isMobile 'medium' 'huge'}} ui icon button" @position="top center">
+    <UiPopup @content={{t "Delete order"}} @click={{action (confirm (t "Are you sure you would like to delete this Order?") (action this.props.actions.deleteOrder this.record))}} @class="ui icon button" @position="top center">
       <i class="trash icon"></i>
     </UiPopup>
   {{/if}}
-  <UiPopup @content={{t "Resend order confirmation"}} @click={{action this.props.actions.resendConfirmation this.record}} @class="{{if this.device.isMobile 'medium' 'huge'}} ui icon button" @position="top center">
+  <UiPopup @content={{t "Resend order confirmation"}} @click={{action this.props.actions.resendConfirmation this.record}} @class="ui icon button" @position="top center">
     <i class="mail outline icon"></i>
   </UiPopup>
 </div>