first pass of changes: mixins not affected by other mixins; had to make a couple exceptions in shared font-size file, however

Author: michaelchadwick

packages/frontend/app/components/bulk-new-users.gjs

@@ -436,7 +436,7 @@ export default class BulkNewUsersComponent extends Component {
               />
             </div>
             {{#if this.updateSelectedFile.isRunning}}
-              <div class="file-is-loading">
+              <div class="file-is-loading font-size-xxxl">
                 <LoadingSpinner />
               </div>
             {{else if (gte this.proposedUsers.length 1)}}

packages/frontend/app/components/course-search-result.gjs

@@ -26,24 +26,24 @@ export default class CourseSearchResultComponent extends Component {
         <small>{{@course.year}}</small>
         {{@course.title}}
       </LinkTo>
-      <span class="school-flag" data-test-school-title>
+      <span class="school-flag font-size-smallest" data-test-school-title>
         {{@course.school}}
       </span>
-      <span class="course-flag">
+      <span class="course-flag font-size-smallest">
         {{t "general.course"}}
       </span>
       <GlobalSearchTags @tags={{@course.matchedIn}} />
       {{#if this.sessions}}
         <ul>
-          <li class="sessions">
+          <li class="sessions font-size-small">
             {{t "general.sessions"}}:
           </li>
           {{#each this.sessions as |session|}}
             <li class="session-row">
               <LinkTo
                 @route="session"
                 @models={{array @course.id session.id}}
-                class="session-title-link"
+                class="session-title-link font-size-small"
               >
                 {{session.title}}
               </LinkTo>
@@ -54,7 +54,7 @@ export default class CourseSearchResultComponent extends Component {
             {{#if this.showMore}}
               <li>
                 <button
-                  class="show-less link-button"
+                  class="show-less link-button font-size-small"
                   type="button"
                   {{on "click" (set this "showMore" false)}}
                 >
@@ -65,11 +65,11 @@ export default class CourseSearchResultComponent extends Component {
             {{else}}
               <li>
                 <button
-                  class="show-more link-button"
+                  class="show-more link-button font-size-small"
                   type="button"
                   {{on "click" (set this "showMore" true)}}
                 >
-                  <FaIcon @icon="angle-down" />
+                  <FaIcon @icon="angle-down" class="font-size-base" />
                   {{t "general.showMore"}}
                 </button>
               </li>

packages/frontend/app/components/curriculum-inventory/new-sequence-block.gjs

@@ -462,7 +462,7 @@ export default class CurriculumInventoryNewSequenceBlock extends Component {
               {{/each}}
             </select>
             {{#if this.course}}
-              <span class="details" data-test-course-details>
+              <span class="details font-size-small" data-test-course-details>
                 {{t "general.level"}}:
                 {{this.course.level}},
                 {{t "general.startDate"}}:

packages/frontend/app/components/curriculum-inventory/report-overview.gjs

@@ -239,7 +239,7 @@ export default class CurriculumInventoryReportOverviewComponent extends Componen
             <LinkTo
               @route="verification-preview"
               @model={{@report}}
-              class="verification-preview"
+              class="verification-preview font-size-medium"
               data-test-transition-to-verification-preview
             >
               <FaIcon
@@ -250,7 +250,7 @@ export default class CurriculumInventoryReportOverviewComponent extends Componen
             </LinkTo>
             {{#if this.showRollover}}
               <button
-                class="link-button rollover"
+                class="link-button rollover font-size-medium"
                 type="button"
                 aria-label={{t "general.curriculumInventoryReportRollover"}}
                 {{on "click" this.transitionToRollover}}

packages/frontend/app/components/curriculum-inventory/sequence-block-overview.gjs

@@ -695,7 +695,7 @@ export default class CurriculumInventorySequenceBlockOverviewComponent extends C
               </span>
               {{#if this.selectedCourse}}
                 {{#if this.selectedCourse.id}}
-                  <span class="details" data-test-course-details>
+                  <span class="details font-size-small" data-test-course-details>
                     {{t "general.level"}}:
                     {{this.selectedCourse.level}},
                     {{t "general.startDate"}}:
@@ -720,7 +720,7 @@ export default class CurriculumInventorySequenceBlockOverviewComponent extends C
                   </span>
                 {{/if}}
               {{else if this.course}}
-                <span class="details" data-test-course-details>
+                <span class="details font-size-small" data-test-course-details>
                   {{t "general.level"}}:
                   {{this.course.level}},
                   {{t "general.startDate"}}:

packages/frontend/app/components/global-search-tags.gjs

@@ -5,7 +5,7 @@ import { concat } from '@ember/helper';
   {{#if @tags}}
     <div class="global-search-tags" data-test-global-search-tags>
       {{#each @tags as |tag|}}
-        <span class="global-search-tag" data-test-global-search-tag>
+        <span class="global-search-tag font-size-smallest" data-test-global-search-tag>
           {{#if (eq tag "meshdescriptors")}}
             {{t "general.mesh"}}
           {{else if (eq tag "learningmaterials")}}

packages/frontend/app/components/learner-group/upload-data.gjs

@@ -265,7 +265,7 @@ export default class LearnerGroupUploadDataComponent extends Component {
         />
       {{/if}}
       {{#if this.uploadData.isPending}}
-        <LoadingSpinner class="loading-file" />
+        <LoadingSpinner class="loading-file font-size-xxl" />
       {{/if}}
       {{#if this.invalidUsers}}
         <p class="error">

packages/frontend/app/components/manage-users-summary.gjs

@@ -264,13 +264,13 @@ export default class ManageUsersSummaryComponent extends Component {
               @query={{hash showNewUserForm=true showBulkNewUserForm=false filter=null}}
               data-test-create-user-link
             >
-              <button type="button">
+              <button type="button" class="font-size-base">
                 {{t "general.create"}}
               </button>
             </LinkTo>
             {{#if (notEq this.userSearchType "ldap")}}
               <LinkTo @route="users" @query={{hash showBulkNewUserForm=true showNewUserForm=false}}>
-                <button type="button">
+                <button type="button" class="font-size-base">
                   {{t "general.createBulk"}}
                 </button>
               </LinkTo>
@@ -324,7 +324,7 @@ export default class ManageUsersSummaryComponent extends Component {
               {{#if (eq result.type "user")}}
                 <li class="user clickable">
                   <button
-                    class="link-button"
+                    class="link-button font-size-base"
                     type="button"
                     disabled={{this.clickUser.isRunning}}
                     data-userid={{result.user.id}}

packages/frontend/app/components/my-profile.gjs

@@ -170,7 +170,7 @@ export default class MyProfileComponent extends Component {
           />
           <LearnerGroups @user={{@user}} />
         </div>
-        <section class="token-maintenance" data-test-token-maintenance>
+        <section class="token-maintenance font-size-small" data-test-token-maintenance>
           <h3>
             {{t "general.manageAPITokens"}}
           </h3>

packages/frontend/app/components/pagination-links.gjs

@@ -62,7 +62,7 @@ export default class PaginationLinksComponent extends Component {
           disabled={{this.disablePrev}}
           data-test-prev
         >
-          <FaIcon @icon="angle-left" />
+          <FaIcon @icon="angle-left" class="font-size-medium" />
           {{t "general.prev"}}
         </button>
         {{#each this.pages as |pageNumber|}}
@@ -90,7 +90,7 @@ export default class PaginationLinksComponent extends Component {
           data-test-next
         >
           {{t "general.next"}}
-          <FaIcon @icon="angle-right" />
+          <FaIcon @icon="angle-right" class="font-size-medium" />
         </button>
       {{/if}}
     </div>