fix radio and checkbox styles

1 files changed, 13 insertions, 9 deletions

diff --git a/index.html b/index.html
index 6e192e5..3cb698c 100644
--- a/index.html
+++ b/index.html
@@ -514,10 +514,12 @@
                         <div class="form-group">
                             <label class="form-label">Gender</label>
                             <label class="form-radio">
-                                <input type="radio" name="gender" /> Male
+                                <input type="radio" name="gender" />
+                                <i class="form-icon"></i> Male
                             </label>
                             <label class="form-radio">
-                                <input type="radio" name="gender" checked /> Female
+                                <input type="radio" name="gender" checked />
+                                <i class="form-icon"></i> Female
                             </label>
                         </div>
                         <div class="form-group">
@@ -531,7 +533,7 @@
                         <div class="form-group">
                             <label class="form-switch">
                                 <input type="checkbox" />
-                                Send me emails with news and tips
+                                <i class="form-icon"></i> Send me emails with news and tips
                             </label>
                         </div>
                         <div class="form-group">
@@ -541,7 +543,7 @@
                         <div class="form-group">
                             <label class="form-checkbox">
                                 <input type="checkbox" />
-                                Remember me
+                                <i class="form-icon"></i> Remember me
                             </label>
                         </div>
                         <div class="form-group">
@@ -568,10 +570,12 @@
                             <label class="form-label col-3">Gender</label>
                             <div class="col-9">
                                 <label class="form-radio">
-                                    <input type="radio" name="gender" /> Male
+                                    <input type="radio" name="gender" />
+                                    <i class="form-icon"></i> Male
                                 </label>
                                 <label class="form-radio">
-                                    <input type="radio" name="gender" checked /> Female
+                                    <input type="radio" name="gender" checked />
+                                    <i class="form-icon"></i> Female
                                 </label>
                             </div>
                         </div>
@@ -591,7 +595,7 @@
                             <div class="col-9">
                                 <label class="form-switch">
                                     <input type="checkbox" />
-                                    Send me emails with news and tips
+                                    <i class="form-icon"></i> Send me emails with news and tips
                                 </label>
                             </div>
                         </div>
@@ -606,7 +610,7 @@
                             <div class="col-9">
                                 <label class="form-checkbox">
                                     <input type="checkbox" />
-                                    Remember me
+                                    <i class="form-icon"></i> Remember me
                                 </label>
                             </div>
                         </div>
@@ -1899,7 +1903,7 @@
     <footer class="bg-grey">
         <section id="copyright" class="grid-footer grid-960">
             <p>
-                <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="#">Back to top</a> | version: 0.1.6
+                <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="#">Back to top</a> | version: 0.1.7
             </p>
             <p>Designed and built with love by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
         </section>