styling form

mobilityz · Nov 28, 2016 · 978b91b · 978b91b
1 parent 4eee066
commit 978b91b
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/public/javascripts/index.js b/public/javascripts/index.js
@@ -78,9 +78,9 @@ $('#add').click(function() {
     }, {
       title: 'Generate the bot',
       html:
-        '<input id="bot_name" name="bot_name" class="swal2-input" autofocus placeholder="Bot name" required />' +
-        '<input id="nb_driver" name="nb_driver" class="swal2-input" type="number" min="0" max="50" placeholder="Number of generated bot" required />' +
-        '<input id="accuracy" name="accuracy" class="swal2-input" type="number" min="10" max="100" step="10" placeholder="Accuracy" required />',
+        '<p><input id="bot_name" name="bot_name" class="swal2-input" autofocus placeholder="Bot name" required /></p>' +
+        '<p><input id="nb_driver" name="nb_driver" class="swal2-input" type="number" min="0" max="50" placeholder="Number of generated bot" required /></p>' +
+        '<p><input id="accuracy" name="accuracy" class="swal2-input" type="number" min="10" max="100" step="10" placeholder="Accuracy" required /></p>',
       confirmButtonText: 'Generate',
       showCancelButton: true,
       preConfirm: function() {

diff --git a/public/stylesheets/base/_layout.sass b/public/stylesheets/base/_layout.sass
@@ -28,3 +28,15 @@
 .cover-container
   margin-right: auto
   margin-left: auto
+
+::-webkit-input-placeholder
+  color: #333
+
+:-moz-placeholder
+  color: #333
+
+::-moz-placeholder 
+  color: #333
+
+:-ms-input-placeholder  
+  color: #333
diff --git a/public/stylesheets/components/_swal2.sass b/public/stylesheets/components/_swal2.sass
@@ -17,3 +17,6 @@
 .swal2-modal input[placeholder], .swal2-modal [placeholder], .swal2-modal *[placeholder]
   color: #333
 
+.swal2-modal .swal2-input 
+    padding: 0 0px;
+	margin: 10px auto;