diff --git a/projects/aca-content/src/lib/ui/overrides/adf-about.theme.scss b/projects/aca-content/src/lib/ui/overrides/adf-about.theme.scss
index 6aadd8a85a..acc6134f8d 100644
--- a/projects/aca-content/src/lib/ui/overrides/adf-about.theme.scss
+++ b/projects/aca-content/src/lib/ui/overrides/adf-about.theme.scss
@@ -3,6 +3,13 @@
adf-about {
/* custom ADF About Component Theme */
+ .mdc-data-table__header-cell,
+ .mat-header-cell {
+ color: var(--adf-theme-foreground-text-color-054);
+ font-size: 12px;
+ font-weight: 500;
+ }
+
background-color: var(--theme-about-panel-background-color);
overflow: auto;
diff --git a/projects/aca-content/src/lib/ui/theme.scss b/projects/aca-content/src/lib/ui/theme.scss
index 5569b7dd73..27df2a833b 100644
--- a/projects/aca-content/src/lib/ui/theme.scss
+++ b/projects/aca-content/src/lib/ui/theme.scss
@@ -18,6 +18,10 @@ mat-icon {
color: var(--theme-secondary-text);
}
+.mat-mdc-button > .mat-icon {
+ padding: 0;
+}
+
mat-slide-toggle {
.mdc-switch__icons {
display: none;
@@ -31,10 +35,6 @@ mat-slide-toggle {
}
}
-.adf-name-location-cell-location.adf-datatable-cell-value {
- color: var(--theme-secondary-text);
-}
-
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
background-color: transparent;
padding: 0;
diff --git a/projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.html b/projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.html
index 81d2d56329..ec6a2d2d2a 100644
--- a/projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.html
+++ b/projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.html
@@ -1,18 +1,22 @@
-
- {{ 'APP.DIALOGS.MOBILE_APP.OPEN_ALFRESCO_MOBILE_APP' | translate }}
-
-
+
+
+ {{ 'APP.DIALOGS.MOBILE_APP.OPEN_ALFRESCO_MOBILE_APP' | translate }}
+
+
-
-
-
+
+
+
-
-
+
+
+
diff --git a/projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.scss b/projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.scss
index 6943d0a893..469a786424 100644
--- a/projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.scss
+++ b/projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.scss
@@ -1,60 +1,58 @@
aca-open-in-app {
- .aca-open-in-app-container {
- display: flex;
- place-content: center;
- padding: 0;
- border-radius: 8px;
- background-color: var(--theme-primary-color);
- color: var(--theme-about-panel-background-color);
- margin-top: 12px;
-
- &-button {
- overflow-x: hidden;
- font-size: 16px;
- width: 100%;
+ .aca-open-in-app {
+ .aca-open-in-app-button-container {
+ display: flex;
+ place-content: center;
padding: 0;
+ border-radius: 8px;
+ background-color: var(--theme-primary-color);
height: 48px;
+ overflow-x: hidden;
+ font-size: 16px;
+ color: white;
+ font-weight: 600;
&:focus-visible {
outline: none;
border-radius: unset;
}
}
- }
- .aca-download-app-container {
- display: flex;
- place-content: center;
- margin-top: 12px;
+ .aca-download-app-container {
+ display: flex;
+ place-content: center;
+ margin-top: 12px;
+ margin-bottom: 16px;
- &-button {
- background: var(--theme-dialog-background-color);
- color: var(--theme-primary-color);
- font-size: 14px;
+ &-button {
+ background: var(--theme-dialog-background-color);
+ color: var(--theme-primary-color);
+ font-size: 14px;
+ }
}
- }
- .aca-mobile-application-container {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- font-size: 14px;
- padding: 6px 0;
- }
+ .aca-mobile-application-container {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ font-size: 14px;
+ padding: 6px 0;
+ margin-bottom: 12px;
+ }
- .aca-cross-button {
- padding-right: 0;
+ .aca-cross-button {
+ padding-right: 0;
- &:focus-visible {
- outline: none;
- border-radius: unset;
- }
+ &:focus-visible {
+ outline: none;
+ border-radius: unset;
+ }
- &-icon {
- font-weight: bold;
- font-size: 21px;
- height: 21px;
+ &-icon {
+ font-weight: bold;
+ font-size: 20px;
+ }
}
}
}