Adding App Store Detail icons in, fixes #38

pwa-builder · Apr 23, 2015 · 63a86ff · 63a86ff
1 parent 325fdd8
commit 63a86ff
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 2 deletions.
diff --git a/app/styles/_modules/_m-generator.scss b/app/styles/_modules/_m-generator.scss
@@ -154,15 +154,21 @@ $form-accent:#999999;
 }
 
 .generator .step5 label {
-	width:40%;
+	width:42%;
 }
 
 .generator .step5 input {
-	width:50%;
+	width:34%;
 	float:left;
 	margin-left:1rem;
 }
 
+.generator .step5 .fa {
+	float:left;
+	line-height:2.125rem;
+	margin-left:.3rem;
+}
+
 //Checkboxes
 .generator .step3 input[type=checkbox] {
     display: none;
@@ -191,6 +197,10 @@ $form-accent:#999999;
     background:url('/assets/images/checkmark.png') no-repeat -3px -13px;
 }
 
+.generator .fa {
+	font-size:1.3rem;
+}
+
 .generator .package-download {
 	font-size:2rem;
 	color:black;

diff --git a/app/templates/generator.hbs b/app/templates/generator.hbs
@@ -105,26 +105,39 @@
       <div class="form-item">
         <label>Description</label>
         {{input name="description" value=model.manifest.description}}
+        {{fa-icon "windows"}}
+        {{fa-icon "mobile-phone"}}
+        {{fa-icon "android"}}
       </div>
       <div class="form-item">
         <label>Version</label>
         {{input name="version" value=model.manifest.version}}
+        {{fa-icon "windows"}}
+        {{fa-icon "mobile-phone"}}
+        {{fa-icon "android"}}
+        {{fa-icon "apple"}}
       </div>
       <div class="form-item">
         <label>Version Code</label>
         {{input name="version_code" value=model.manifest.version_code}}
+        {{fa-icon "android"}}
       </div>
       <div class="form-item">
         <label>Build</label>
         {{input name="build" value=model.manifest.build}}
+        {{fa-icon "apple"}}
       </div>
       <div class="form-item">
         <label>Publisher Display Name</label>
         {{input name="publisher_display_name" value=model.manifest.publishername}}
+        {{fa-icon "windows"}}
+        {{fa-icon "mobile-phone"}}
+        {{fa-icon "apple"}}
       </div>
       <div class="form-item">
         <label>Organization Identifier</label>
         {{input name="organization_identifier" value=model.manifest.organizationid}}
+        {{fa-icon "apple"}}
       </div>
       {{/generator-step}}
       {{#generator-step step="6" stepTitle="Download your package" data=model action="stepUpdated" allowToggle=model.step1Complete}}