ios: fix webview layout

MyBibApp/app/app.scss

@@ -107,9 +107,9 @@ Page {
     margin: 0 30dip;
 }
 
-#oauth_authorize ActivityIndicator {
-    width: 25dip;
-    height: 25dip;
+ActivityIndicator {
+    width: 50dip;
+    height: 50dip;
 }
 
 #sideDrawerContent {

MyBibApp/app/controllers/library.ts

@@ -347,9 +347,16 @@ export class LibraryController extends Controller {
 
   public onWebsitePageLoaded(args) {
     let webview = args.object.getViewById("webView");
+    let activity_indicator = args.object.getViewById("activity-indicator");
+
     new Cookies().syncHttpToWebView(webview).then(() => {
       webview.src = this.get('website_url');
     })
+
+    activity_indicator.busy = true;
+    webview.on(WebView.loadFinishedEvent, () => {
+      activity_indicator.busy = false;
+    });
   }
 
 

MyBibApp/app/views/library/loans.xml

@@ -45,5 +45,5 @@
     </lv:RadListView.itemTemplate>
   </lv:RadListView>
   <Label visibility="{{ loans.length || busy == 'on' ? 'collapsed' : 'visible'  }}" style="text-align: center; height: 100dip" text="{{ L('no_loans') }}" col="0" row="0"/>
-  <ActivityIndicator style="height:50dip; width:50dip" id="activity-indicator" col="0" row="0" busy="{{ busy == 'on' ? 'true' : 'false' }}" color="orange"/>
+  <ActivityIndicator id="activity-indicator" col="0" row="0" busy="{{ busy == 'on' ? 'true' : 'false' }}" color="orange"/>
 </GridLayout>

MyBibApp/app/views/library/website.xml

@@ -17,10 +17,10 @@
     </nsDrawer:RadSideDrawer.drawerContent>
 
     <nsDrawer:RadSideDrawer.mainContent>
-      <StackLayout>
-	<WebView id="webView" height="100%"/>
-        <ActivityIndicator busy="true"/>
-      </StackLayout>
+      <GridLayout columns="*" rows="*" iosOverflowSafeArea="false">
+	<WebView id="webView" height="100%" col="0" row="0"/>
+        <ActivityIndicator id="activity-indicator" color="orange" col="0" row="0" />
+      </GridLayout>>
     </nsDrawer:RadSideDrawer.mainContent>
   </nsDrawer:RadSideDrawer>
 </Page>