MOBILE-4458 design: Apply button styles

src/addons/mod/lesson/pages/player/player.html

@@ -136,7 +136,7 @@
                         </ng-container>
                     </ng-container>
 
-                    <ion-button expand="block" type="submit" class="ion-text-wrap ion-margin button-no-uppercase">
+                    <ion-button expand="block" type="submit" class="ion-text-wrap ion-margin">
                         {{ question.submitLabel }}
                     </ion-button>
                     <!-- Remove this once Ionic fixes this bug: https://github.com/ionic-team/ionic-framework/issues/19368 -->
@@ -150,7 +150,7 @@
                     <ion-row class="ion-align-items-center">
                         <ion-col *ngFor="let button of pageButtons" size="12" size-md="6" size-lg="3" col-xl>
                             <ion-button expand="block" fill="outline" [id]="button.id" (click)="buttonClicked(button.data)"
-                                class="ion-text-wrap button-no-uppercase">
+                                class="ion-text-wrap">
                                 {{ button.content }}
                             </ion-button>
                         </ion-col>
@@ -224,7 +224,7 @@
                 <ion-item class="ion-text-wrap" *ngIf="eolData.displayofgrade">
                     <ion-label>{{ eolData.displayofgrade.message }}</ion-label>
                 </ion-item>
-                <ion-button *ngIf="eolData.reviewlesson" expand="block" class="ion-text-wrap ion-margin button-no-uppercase"
+                <ion-button *ngIf="eolData.reviewlesson" expand="block" class="ion-text-wrap ion-margin"
                     (click)="reviewLesson(reviewPageId!)">
                     {{ 'addon.mod_lesson.reviewlesson' | translate }}
                 </ion-button>
@@ -233,7 +233,7 @@
                 </ion-item>
                 <!-- If activity link was successfully formatted, render the button. -->
                 <ion-button *ngIf="activityLink && activityLink.formatted" expand="block" fill="outline" [href]="activityLink.href"
-                    core-link [capture]="true" class="ion-text-wrap ion-margin button-no-uppercase">
+                    core-link [capture]="true" class="ion-text-wrap ion-margin">
                     <core-format-text [text]="activityLink.label" contextLevel="module" [contextInstanceId]="lesson.coursemodule"
                         [courseId]="courseId" />
                 </ion-button>

src/core/components/combobox/combobox.scss

@@ -110,10 +110,9 @@
         flex: 1;
 
         &::part(native) {
-            text-transform: none;
+            font-weight: var(--label-font-weight);
-            font-weight: 400;
+            font-size: var(--label-lg-font-size);
-            font-size: 16px;
+            line-height: var(--label-lg-line-height);
-            line-height: 20px;
             border-radius: var(--core-combobox-radius);
         }
 

src/core/features/course/components/course-format/course-format.scss

@@ -8,7 +8,6 @@
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
-        text-transform: none;
         flex: 1;
         margin-left: 4px;
         margin-right: 4px;

src/core/features/course/components/module-navigation/module-navigation.scss

@@ -25,7 +25,6 @@
             margin: 0;
             --border-radius: 0;
             width: 100%;
-            text-transform: none;
             font-size: 12px;
             font-weight: normal;
             --color: var(--button-color);

src/theme/theme.base.scss

@@ -45,10 +45,6 @@ body {
 .core-big   { font-size: 115%; }
 .invisible { visibility: hidden; }
 
-.button-no-uppercase {
-    text-transform: none;
-}
-
 .flex { display: flex; }
 .inline-block { display: inline-block; }
 .block { display: block; }
@@ -263,6 +259,7 @@ ion-button,
 ion-fab-button,
 button,
 [role="button"] {
+    text-transform: none;
     min-height: var(--a11y-min-target-size);
     min-width: var(--a11y-min-target-size);
 
@@ -403,7 +400,6 @@ button[disabled] {
 }
 
 ion-button.core-button-as-link {
-    text-transform: none;
     text-decoration: underline;
     font-size: inherit;
     font-weight: normal;
@@ -943,8 +939,6 @@ ion-card {
         margin: 0 8px 8px 8px;
 
         ion-button {
-            text-transform: none;
-
             &[fill="outline"] {
                 --background: transparent;
             }
@@ -1181,7 +1175,6 @@ ion-button.button.chip {
     line-height: 1.1;
     font-size: 12px;
     min-height: 24px;
-    text-transform: none;
     margin: 4px;
     font-weight: normal;