From 728961a57443db75bf6383a41068cb3336234217 Mon Sep 17 00:00:00 2001 From: Michael Chadwick Date: Thu, 17 Oct 2024 10:20:08 -0700 Subject: [PATCH 1/2] added some space to lm-icons chunk and download icons --- .../app/styles/ilios-common/components/awesome-icon.scss | 4 ++++ .../app/styles/ilios-common/components/lm-icons.scss | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/ilios-common/app/styles/ilios-common/components/awesome-icon.scss b/packages/ilios-common/app/styles/ilios-common/components/awesome-icon.scss index 52f7bedd9c..a9509a75af 100644 --- a/packages/ilios-common/app/styles/ilios-common/components/awesome-icon.scss +++ b/packages/ilios-common/app/styles/ilios-common/components/awesome-icon.scss @@ -14,6 +14,10 @@ line-height: 1; /* stylelint-disable-line property-disallowed-list */ text-rendering: auto; + &.fa-download { + margin-left: 0.1rem; + } + &.spin { animation-name: awesome-spin; animation-delay: 0s; diff --git a/packages/ilios-common/app/styles/ilios-common/components/lm-icons.scss b/packages/ilios-common/app/styles/ilios-common/components/lm-icons.scss index 433f5c0df5..2028550b8c 100644 --- a/packages/ilios-common/app/styles/ilios-common/components/lm-icons.scss +++ b/packages/ilios-common/app/styles/ilios-common/components/lm-icons.scss @@ -1,6 +1,6 @@ .lm-icons { height: 1rem; - margin-left: 0.1rem; + margin: 0 0.1rem; .required { grid-column-start: 1; From 3acaad558cc3d26bec5f0a6768bb5653ce90f2ea Mon Sep 17 00:00:00 2001 From: Michael Chadwick Date: Thu, 24 Oct 2024 17:21:41 -0700 Subject: [PATCH 2/2] moved download icon style to specific components instead of global awesome-icon styles --- .../app/styles/ilios-common/components/awesome-icon.scss | 4 ---- .../components/single-event-learningmaterial-list.scss | 4 ++++ .../components/week-glance/learning-materials.scss | 4 ++++ 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/packages/ilios-common/app/styles/ilios-common/components/awesome-icon.scss b/packages/ilios-common/app/styles/ilios-common/components/awesome-icon.scss index a9509a75af..52f7bedd9c 100644 --- a/packages/ilios-common/app/styles/ilios-common/components/awesome-icon.scss +++ b/packages/ilios-common/app/styles/ilios-common/components/awesome-icon.scss @@ -14,10 +14,6 @@ line-height: 1; /* stylelint-disable-line property-disallowed-list */ text-rendering: auto; - &.fa-download { - margin-left: 0.1rem; - } - &.spin { animation-name: awesome-spin; animation-delay: 0s; diff --git a/packages/ilios-common/app/styles/ilios-common/components/single-event-learningmaterial-list.scss b/packages/ilios-common/app/styles/ilios-common/components/single-event-learningmaterial-list.scss index 07f3e8dced..2064848fa9 100644 --- a/packages/ilios-common/app/styles/ilios-common/components/single-event-learningmaterial-list.scss +++ b/packages/ilios-common/app/styles/ilios-common/components/single-event-learningmaterial-list.scss @@ -50,5 +50,9 @@ .single-event-learningmaterial-item-title { display: flex; align-items: center; + + &.fa-download { + margin-left: 0.1rem; + } } } diff --git a/packages/ilios-common/app/styles/ilios-common/components/week-glance/learning-materials.scss b/packages/ilios-common/app/styles/ilios-common/components/week-glance/learning-materials.scss index cd1fa4af9b..99c72f9d15 100644 --- a/packages/ilios-common/app/styles/ilios-common/components/week-glance/learning-materials.scss +++ b/packages/ilios-common/app/styles/ilios-common/components/week-glance/learning-materials.scss @@ -32,6 +32,10 @@ .week-glance-learning-material-list-item { display: flex; + + &.fa-download { + margin-left: 0.1rem; + } } } }