MOBILE-3711 styles: Some style fixes

Reverted 6822e0246f since it broke some
styles the problem on the original commit was an ion-item without
ion-label

src/core/components/combobox/combobox.scss

@@ -99,6 +99,7 @@ ion-button {
         font-weight: 400;
         font-size: 16px;
         line-height: 20px;
+        border-radius: 0;
     }
 
     .select-text {

src/core/features/sitehome/pages/index/index.html

@@ -21,8 +21,8 @@
                     <!-- Site home main contents. -->
                     <ng-container *ngIf="section && section.hasContent">
                         <ion-item class="ion-text-wrap" *ngIf="section.summary">
-                            <core-format-text [text]="section.summary" contextLevel="course" [contextInstanceId]="siteHomeId">
-                            </core-format-text>
+                            <ion-label><core-format-text [text]="section.summary" contextLevel="course" [contextInstanceId]="siteHomeId">
+                            </core-format-text></ion-label>
                         </ion-item>
 
                         <core-course-module *ngFor="let module of section.modules" [module]="module" [courseId]="siteHomeId"

src/theme/components/format-text.scss

@@ -16,11 +16,12 @@ body.dark core-format-text {
 }
 
 core-format-text {
-    display: block;
+    display: contents;
 
     .core-format-text-loader {
         opacity: 0;
         @include core-transition(opacity, 200ms);
+        display: contents;
     }
 
     &.core-format-text-loading {
@@ -31,6 +32,7 @@ core-format-text {
         background-color: rgba(0,0,0,.1);
         overflow: hidden;
         border-radius: 5px;
+        display: block;
 
         .core-format-text-loader {
             position: absolute;
@@ -66,6 +68,7 @@ core-format-text {
 
     &[maxHeight],
     &[ng-reflect-max-height] {
+        display: block;
         position: relative;
         width: 100%;
         overflow: hidden;

src/theme/theme.base.scss

@@ -466,7 +466,7 @@ ion-toolbar {
 
         border-bottom: 3px solid var(--color-base);
 
-        ion-item::part(native) {
+        ion-item {
             --inner-border-width: 0;
         }
         ion-label {
@@ -480,9 +480,9 @@ ion-toolbar {
     .item.core-#{$color-name}-item {
         --color-base: var(--ion-color-#{$color-name});
 
-        --inner-border-width: 0 0 3px 0;
-        --border-width: 0;
-        border-bottom: 3px solid var(--color-base) !important;
+        --border-width: 0 0 3px 0;
+        --border-color: var(--color-base);
+        --inner-border-width: 0;
         ion-icon {
             color: var(--color-base);
         }