fixed #11;

src/css/style.scss

@@ -7,14 +7,17 @@ a {
     text-decoration: none;
 }
 
-#ncdownloader-form-wrapper .form-input-wrapper {
-    display  : flex;
-    flex-flow: row nowrap;
-}
+#ncdownloader-form-wrapper {
+    margin-left: 2px;
 
-#ncdownloader-form-wrapper .form-input-wrapper select,
-#ncdownloader-form-wrapper .form-input-wrapper input {
-    justify-content: left;
+    .form-input-wrapper {
+        display  : flex;
+        flex-flow: row nowrap;
+
+        select input {
+            justify-content: left;
+        }
+    }
 }
 
 a:hover,
@@ -118,12 +121,17 @@ div .number {
 }
 
 .app-ncdownloader,
-#ncdownloader-content,.ncdownloader-content-wrapper,#ncdownloader-form-wrapper, #ncdownloader-table-content{
+#ncdownloader-content,
+.ncdownloader-content-wrapper,
+#ncdownloader-form-wrapper,
+#ncdownloader-table-content {
     width: 100%;
 }
+
 .ncdownloader-content-wrapper {
     padding-top: 0.3em;
 }
+
 .app-ncdownloader #app-content #app-content-wrapper {
     flex-wrap: wrap;
 }

src/inputAction.js

@@ -19,10 +19,9 @@ const createInputBox = (event, type) => {
     let height = $(window).scrollTop();
     if (height > 50)
         $("html, body").animate({ scrollTop: 0 }, "fast");
-    let name, path;
+    let name = t("ncdownloader", 'Download'), path;
     switch (type) {
         case "ytdl":
-            name = t("ncdownloader", 'YTDL Download');
             path = basePath + "/youtube/new";
             break;
         case "search":
@@ -30,7 +29,6 @@ const createInputBox = (event, type) => {
             path = basePath + "/search";
             break;
         default:
-            name = t("ncdownloader", 'New Download');
             path = basePath + "/new";
     }
     let container;

src/inputBox.js

@@ -90,7 +90,7 @@ class inputBox {
             input.setAttribute('value', 'off');
             input.setAttribute('name', element.name || element.id);
 
-            label.setAttribute('for',element.id);
+            label.setAttribute('for', element.id);
             label.classList.add("checkbox-label");
             label.appendChild(input);
             label.appendChild(span);
@@ -124,6 +124,17 @@ class inputBox {
         textInput.setAttribute('data-type', id);
         textInput.setAttribute('value', '');
         textInput.classList.add('form-input-text');
+        switch (id) {
+            case 'general':
+                textInput.setAttribute('placeholder', t("ncdownloader",'Paste your magnet/http link here'));
+                break;
+            case 'ytdl':
+                textInput.setAttribute('placeholder', t("ncdownloader",'Paste your video link here'));
+                break;
+            case 'search':
+                textInput.setAttribute('placeholder', t("ncdownloader",'Enter your keyword to search'));
+                break;
+        }
         return textInput;
     }
     _createButton() {