fix layout create, join and import

views/create.html

@@ -4,11 +4,11 @@
     <span translate>Creating wallet...</span>
   </div>
   <div class="setup" ng-show="!loading">
-    <form name="setupForm" ng-submit="create(setupForm)" novalidate>
-
     <h1 class="hide-for-large-up">{{$root.title}}</h1>
-      <div class="large-12 columns panel">
+    <form name="setupForm" ng-submit="create(setupForm)" novalidate>
-        <div class="row collapse">
+      <div class="row">
+        <div class="large-12 columns">
+          <div class="panel">
             <label><span translate>Wallet name</span>
               <input type="text" placeholder="{{'Family vacation funds'|translate}}" class="form-control" ng-model="walletName">
             </label>
@@ -43,6 +43,8 @@
                 <span translate ng-hide="!hideAdv">Show</span> 
                 <span translate ng-hide="hideAdv">Hide</span> 
                 <span translate>advanced options</span>
+                <i ng-if="hideAdv" class="icon-arrow-down4"></i>
+                <i ng-if="!hideAdv" class="icon-arrow-up4"></i>
               </a>
             </div>
             <div ng-hide="hideAdv" class="row">
@@ -67,6 +69,7 @@
           </div>
         </div>
       </div>
+    </div>
   </form>
   </div>
 </div>

views/import.html

@@ -4,10 +4,11 @@
     {{ importStatus|translate }}
   </div>
 
-  <div class="row" ng-show="!loading">
+  <div ng-show="!loading">
-    <div class="large-12 columns panel">
- 
     <h1 class="hide-for-large-up">{{$root.title}}</h1>
+    <div class="row">
+      <div class="large-12 columns">
+        <div class="panel">
           <form name="importForm" ng-submit="import(importForm)" novalidate>
             <div ng-show="!is_iOS && !backupOldWallet">
               <legend for="backupFile" class="m10b"> 
@@ -49,6 +50,8 @@
               <span translate ng-hide="!hideAdv">Show</span> 
               <span translate ng-hide="hideAdv">Hide</span> 
               <span translate>advanced options</span>
+              <i ng-if="hideAdv" class="icon-arrow-down4"></i>
+              <i ng-if="!hideAdv" class="icon-arrow-up4"></i>
             </a>
 
             <div ng-hide="hideAdv" class="m10t">
@@ -85,4 +88,6 @@
         </div>
       </div>
     </div>
+  </div>
+</div>
 

views/join.html

@@ -6,10 +6,10 @@
 
   <div ng-show="!loading">
     <h1 class="hide-for-large-up">{{$root.title}}</h1>
-    <div class="large-12 columns panel">
+      <div class="row">
-      <div class="row collapse">
+        <div class="large-12 columns">
         <form name="joinForm" ng-submit="join(joinForm)" novalidate>
-
+          <div class="panel">
             <label for="connectionId"><span translate>Wallet Secret</span> 
               <small translate class="has-error" ng-show="joinForm.connectionId.$invalid
                 && !joinForm.connectionId.$pristine">Wallet Secret is not valid!</small>
@@ -60,6 +60,8 @@
                 <span translate ng-hide="!hideAdv">Show</span> 
                 <span translate ng-hide="hideAdv">Hide</span> 
                 <span translate>advanced options</span>
+                <i ng-if="hideAdv" class="icon-arrow-down4"></i>
+                <i ng-if="!hideAdv" class="icon-arrow-up4"></i>
               </a>
             </div>
             <div ng-hide="hideAdv">
@@ -74,6 +76,7 @@
               </a>
               <button translate type="submit" class="button secondary m0" ng-disabled="joinForm.$invalid">Join</button>
             </div>
+          </div>
         </form>
       </div>
     </div>