From 070f3c5c6ab1da77b259eea6eeb318fcb59b3f4a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Wed, 13 Jun 2018 17:12:03 +0200
Subject: [PATCH] MOBILE-2430 login: Display label and select in different
 lines

---
 src/core/login/pages/site/site.html | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/core/login/pages/site/site.html b/src/core/login/pages/site/site.html
index a23e975ff..6416bedce 100644
--- a/src/core/login/pages/site/site.html
+++ b/src/core/login/pages/site/site.html
@@ -26,9 +26,8 @@
             <!-- Pick the site from a list of fixed sites. -->
             <div *ngIf="fixedSites" text-wrap>
                 <!-- Display them using a select. -->
-                <ion-item *ngIf="!displayAsButtons">
-                    <!-- @todo: Display label and select in different lines. -->
-                    <ion-label for="siteSelect">{{ 'core.login.selectsite' | translate }}</ion-label>
+                <ion-item *ngIf="!displayAsButtons" margin-vertical>
+                    <ion-label stacked for="siteSelect">{{ 'core.login.selectsite' | translate }}</ion-label>
                     <ion-select formControlName="siteUrl" name="url" placeholder="{{ 'core.login.siteaddress' | translate }}" interface="popover">
                         <ion-option *ngFor="let site of fixedSites" [value]="site.url">{{site.name}}</ion-option>
                     </ion-select>
@@ -37,7 +36,7 @@
                 <!-- Display them using buttons. -->
                 <div *ngIf="displayAsButtons">
                     <p class="padding no-padding-bottom">{{ 'core.login.selectsite' | translate }}</p>
-                    <a *ngFor="let site of fixedSites" ion-button block (click)="connect(site.url)" title="{{site.name}}">{{site.name}}</a>
+                    <a *ngFor="let site of fixedSites" ion-button block (click)="connect(site.url)" title="{{site.name}}" margin-bottom>{{site.name}}</a>
                 </div>
             </div>