styling settings

css/popup.css

@@ -47,9 +47,13 @@ ul{
     vertical-align: middle;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
     transition: 0.3s;
-    padding: 7px 7px 5px 7px;
+    padding: 7px 5px 5px 7px;
+    margin-right: 10px;
     border-radius: 7px;
 }
+.settings:hover{
+     box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
+}
 .matbut {
     border: none;
     outline: none;
@@ -167,6 +171,9 @@ input{
     width: 80px;
     border-radius: 5px;
 }
+input:focus {
+    outline: 0;
+}
 input[type=number]::-webkit-inner-spin-button, 
 input[type=number]::-webkit-outer-spin-button { 
     -webkit-appearance: none;
@@ -176,7 +183,7 @@ input[type=number]::-webkit-outer-spin-button {
 }
 
 ::placeholder{
-    color:#ff691a;
+    color:#ffbd9a;
 }
 
 .select-style {

js/popup.js

@@ -183,6 +183,7 @@ $(document).ready(function () {
 			$("#class_id").show();
 			$("#semesters").show();
 			$("#semcon").show();
+			$('#class_id').focus();
 		}
 	});
 	$('#import').click(function () {
@@ -399,6 +400,7 @@ function getInfo(sem, unique) {
 		var object = $('<div/>').html(response).contents();
 		var c = getCourseObject(object, link);
 		console.log(c);
+		if(c.coursename){
 			chrome.runtime.sendMessage({
 				command: "courseStorage",
 				course: c,
@@ -409,6 +411,9 @@ function getInfo(sem, unique) {
 				});
 				setCourseList();
 			});
+		} else {
+			alert("There Was An Error.")
+		}
 	}
 }