autofill instructions

src/App/Pages/Tools/ToolsAutofillPage.cs

@@ -15,31 +15,77 @@ namespace Bit.App.Pages
 
         public void Init()
         {
-            var notStartedLabel = new Label
+            var getAccessLabel = new Label
             {
                 Text = AppResources.ExtensionInstantAccess,
                 VerticalOptions = LayoutOptions.Start,
                 HorizontalOptions = LayoutOptions.Center,
                 HorizontalTextAlignment = TextAlignment.Center,
                 LineBreakMode = LineBreakMode.WordWrap,
-                FontSize = Device.GetNamedSize(NamedSize.Large, typeof(Label))
+                FontSize = Device.GetNamedSize(NamedSize.Large, typeof(Label)),
+                Margin = new Thickness(0, 0, 0, 20),
             };
 
-            var notStartedSublabel = new Label
+            var turnOnLabel = new Label
             {
-                Text = AppResources.ExtensionTurnOn,
+                Text = AppResources.AutofillTurnOn,
                 VerticalOptions = LayoutOptions.Start,
                 HorizontalOptions = LayoutOptions.Center,
                 HorizontalTextAlignment = TextAlignment.Center,
                 LineBreakMode = LineBreakMode.WordWrap
             };
 
+            var turnOnLabel1 = new Label
+            {
+                Text = AppResources.AutofillTurnOn1,
+                VerticalOptions = LayoutOptions.Start,
+                HorizontalOptions = LayoutOptions.Start,
+                HorizontalTextAlignment = TextAlignment.Start,
+                LineBreakMode = LineBreakMode.WordWrap
+            };
+
+            var turnOnLabel2 = new Label
+            {
+                Text = AppResources.AutofillTurnOn2,
+                VerticalOptions = LayoutOptions.Start,
+                HorizontalOptions = LayoutOptions.Start,
+                HorizontalTextAlignment = TextAlignment.Start,
+                LineBreakMode = LineBreakMode.WordWrap
+            };
+
+            var turnOnLabel3 = new Label
+            {
+                Text = AppResources.AutofillTurnOn3,
+                VerticalOptions = LayoutOptions.Start,
+                HorizontalOptions = LayoutOptions.Start,
+                HorizontalTextAlignment = TextAlignment.Start,
+                LineBreakMode = LineBreakMode.WordWrap
+            };
+
+            var turnOnLabel4 = new Label
+            {
+                Text = AppResources.AutofillTurnOn4,
+                VerticalOptions = LayoutOptions.Start,
+                HorizontalOptions = LayoutOptions.Start,
+                HorizontalTextAlignment = TextAlignment.Start,
+                LineBreakMode = LineBreakMode.WordWrap
+            };
+
+            var turnOnLabel5 = new Label
+            {
+                Text = AppResources.AutofillTurnOn5,
+                VerticalOptions = LayoutOptions.Start,
+                HorizontalOptions = LayoutOptions.Start,
+                HorizontalTextAlignment = TextAlignment.Start,
+                LineBreakMode = LineBreakMode.WordWrap
+            };
+
             var keyboardImge = new CachedImage
             {
                 Source = "autofill-kb.png",
                 VerticalOptions = LayoutOptions.CenterAndExpand,
                 HorizontalOptions = LayoutOptions.Center,
-                Margin = new Thickness(0, -10, 0, 0),
+                Margin = new Thickness(0, 10, 0, 0),
                 WidthRequest = 290,
                 HeightRequest = 252
             };
@@ -47,9 +93,10 @@ namespace Bit.App.Pages
             var stackLayout = new StackLayout
             {
                 Orientation = StackOrientation.Vertical,
-                Spacing = 20,
+                Spacing = 5,
                 Padding = new Thickness(20, 20, 20, 30),
-                Children = { notStartedLabel, notStartedSublabel, keyboardImge },
+                Children = { getAccessLabel, turnOnLabel, turnOnLabel1, turnOnLabel2,
+                    turnOnLabel3, turnOnLabel4, turnOnLabel5, keyboardImge },
                 VerticalOptions = LayoutOptions.FillAndExpand
             };
 

src/App/Resources/AppResources.Designer.cs

@@ -429,6 +429,60 @@ namespace Bit.App.Resources {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to To enable password autofill, follow these instructions:.
+        /// </summary>
+        public static string AutofillTurnOn {
+            get {
+                return ResourceManager.GetString("AutofillTurnOn", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to 1. Go to the iOS &quot;Settings&quot; app..
+        /// </summary>
+        public static string AutofillTurnOn1 {
+            get {
+                return ResourceManager.GetString("AutofillTurnOn1", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to 2. Tap &quot;Passwords &amp; Accounts&quot;.
+        /// </summary>
+        public static string AutofillTurnOn2 {
+            get {
+                return ResourceManager.GetString("AutofillTurnOn2", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to 3. Tap &quot;AutoFill Passwords&quot;.
+        /// </summary>
+        public static string AutofillTurnOn3 {
+            get {
+                return ResourceManager.GetString("AutofillTurnOn3", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to 4. Turn on AutoFill.
+        /// </summary>
+        public static string AutofillTurnOn4 {
+            get {
+                return ResourceManager.GetString("AutofillTurnOn4", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to 5. Select &quot;Bitwarden&quot;.
+        /// </summary>
+        public static string AutofillTurnOn5 {
+            get {
+                return ResourceManager.GetString("AutofillTurnOn5", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to Auto-fill with Bitwarden.
         /// </summary>

src/App/Resources/AppResources.resx

@@ -1328,6 +1328,24 @@
   <data name="BitwardenAutofillDescription" xml:space="preserve">
     <value>Access your vault directly from your keyboard to quickly autofill passwords.</value>
   </data>
+  <data name="AutofillTurnOn" xml:space="preserve">
+    <value>To enable password autofill, follow these instructions:</value>
+  </data>
+  <data name="AutofillTurnOn1" xml:space="preserve">
+    <value>1. Go to the iOS "Settings" app.</value>
+  </data>
+  <data name="AutofillTurnOn2" xml:space="preserve">
+    <value>2. Tap "Passwords &amp; Accounts"</value>
+  </data>
+  <data name="AutofillTurnOn3" xml:space="preserve">
+    <value>3. Tap "AutoFill Passwords"</value>
+  </data>
+  <data name="AutofillTurnOn4" xml:space="preserve">
+    <value>4. Turn on AutoFill</value>
+  </data>
+  <data name="AutofillTurnOn5" xml:space="preserve">
+    <value>5. Select "Bitwarden"</value>
+  </data>
   <data name="PasswordAutofill" xml:space="preserve">
     <value>Password AutoFill</value>
   </data>