MOBILE-2700 ux: Fix some styles

src/addon/files/pages/list/list.html

@@ -11,7 +11,7 @@
     <core-loading [hideUntil]="filesLoaded" *ngIf="showPrivateFiles || showSiteFiles">
         <!-- Allow selecting the files to see: private or site. -->
         <div padding *ngIf="showPrivateFiles && showSiteFiles && !path">
-            <ion-select [(ngModel)]="root" (ngModelChange)="rootChanged()" interface="popover">
+            <ion-select [(ngModel)]="root" (ngModelChange)="rootChanged()" interface="popover" class="core-button-select">
                 <ion-option value="my">{{ 'addon.files.privatefiles' | translate }}</ion-option>
                 <ion-option value="site">{{ 'addon.files.sitefiles' | translate }}</ion-option>
             </ion-select>

src/addon/messages/pages/discussion/discussion.scss

@@ -63,7 +63,7 @@ ion-app.app-root page-addon-messages-discussion {
             min-height: initial;
             line-height: initial;
             @include margin(0, 0, 0, 10px);
-            height: auto;
+            height: 1.6em !important;
             -webkit-align-self: flex-end;
             -ms-flex-item-align: end;
             align-self: flex-end;

src/app/app.scss

@@ -738,6 +738,19 @@ ion-app.app-root {
       }
     }
 
+    .core-#{$color-name}-selected-item {
+      @include border-start(5px, solid, $color-base);
+      &.item-md {
+        @include padding(null, null, null, $item-md-padding-start - 5px);
+      }
+      &.item-ios {
+        @include padding(null, null, null, $item-ios-padding-start - 5px);
+      }
+      &.item-wp {
+        @include padding(null, null, null, $item-wp-padding-start - 5px);
+      }
+   }
+
     .core-#{$color-name}-circle {
       margin: 0 4px;
     }

src/core/course/pages/section-selector/section-selector.html

@@ -10,7 +10,7 @@
 </ion-header>
 <ion-content>
     <ng-container *ngFor="let section of sections">
-        <a ion-item *ngIf="!section.hiddenbynumsections && section.id != stealthModulesSectionId" text-wrap (click)="selectSection(section)" [class.core-primary-item]="selected.id == section.id" [class.item-dimmed]="section.visible === 0 || section.uservisible === false" detail-none>
+        <a ion-item *ngIf="!section.hiddenbynumsections && section.id != stealthModulesSectionId" text-wrap (click)="selectSection(section)" [class.core-primary-selected-item]="selected.id == section.id" [class.item-dimmed]="section.visible === 0 || section.uservisible === false" detail-none>
             <core-icon name="fa-folder" item-start></core-icon>
             <h2><core-format-text [text]="section.formattedName || section.name"></core-format-text></h2>
             <ion-badge color="secondary" *ngIf="section.visible === 0 && section.uservisible !== false">{{ 'core.course.hiddenfromstudents' | translate }}</ion-badge>

src/core/settings/pages/space-usage/space-usage.html

@@ -8,7 +8,7 @@
         <ion-refresher-content pullingText="{{ 'core.pulltorefresh' | translate }}"></ion-refresher-content>
     </ion-refresher>
     <core-loading [hideUntil]="usageLoaded">
-        <ion-item *ngFor="let site of sites" [class.core-primary-item]="site.id == currentSiteId">
+        <ion-item *ngFor="let site of sites" [class.core-primary-selected-item]="site.id == currentSiteId">
             <h2><core-format-text [text]="site.siteName"></core-format-text></h2>
             <p>{{ site.fullName }}</p>
             <p item-end>{{ site.spaceUsage | coreBytesToSize }}</p>

src/core/settings/pages/synchronization/synchronization.html

@@ -16,7 +16,7 @@
         <ion-item-divider color="light">
             <p>{{ 'core.settings.sites' | translate }}</p>
         </ion-item-divider>
-        <ion-item *ngFor="let site of sites" [class.core-primary-item]="site.id == currentSiteId" text-wrap>
+        <ion-item *ngFor="let site of sites" [class.core-primary-selected-item]="site.id == currentSiteId" text-wrap>
             <h2><core-format-text [text]="site.siteName"></core-format-text></h2>
             <p>{{ site.fullName }}</p>
             <p>{{ site.siteUrl }}</p>